javascript - Sideskift med JScript og jQuery - Udvikleren.dk

Tags: jquery javascript

Bruger #16025 @ 21.05.11 13:28

Kære UV'ere.

Jeg er igang med (for første gang) at sætte en navigation op med jQuery hvor den loader noget indhold til en div kaldet "content".

Jeg henter mit indhold fra en fil kaldet switch.php, hvor den henter fra switch.php?page= og så finder den indholdet ud fra hvad der står efter ?page=.

Det fungere bare ikke optimalt. Der er et eksempel her.

Mit javascript

JScript kode

 jQuery.noConflict ();
 jQuery(document).ready(function(jQuery){
         
         jQuery("a.menu").click(function(){
                 jQuery("#content").load('switch.php?page=' + jQuery(this).text());
         });
     
 });

Mine links

HTML kode

 <ul>
 <li><a href="javascript: void(0);" class="menu" id="forside" name="forside" value="">Forside</a></li>
 <li><a href="javascript: void(0);" class="menu" id="navn" name="navn" value="navn">Smart navne-udskrift</a></li>
 <li><a href="javascript: void(0);" class="menu" id="kode" name="kode" value="kode">Visning af forskellige koder</a></li>
 </ul>

Switch.php

PHP kode

 switch ($_GET['page'])
 {
     case "": include "forside.php";
     break;
 
     case "navn": include "navn.php";
     break;
 
     case "kode": include "kode.php";
     break;
 
     default: echo "Den indtastede side eksistere desværre ikke.";
 }

Håber at i kan se fejlen

Indlæg senest redigeret d. 21.05.2011 13:28 af Bruger #16025

4 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 6 karma

Sorter efter stemmer Sorter efter dato

Bruger #8773 @ 21.05.11 13:51

658

Når du bruger this.text() henter du - så vidt jeg husker - indholdet i selve <a>-tagget.. Altså "Forside", "Smart navne-udskift" og "Visning af forskellige koder" hvilket du jo ikke ønsker

I stedet skal du bruge this.attr("id") for at få indholder af id'et for dit link.

Derudover er det en meget mystisk måde du skriver dit jQuery på.. Så længe du ikke har andre javascript biblioteker ser jeg ingen grund til at bruge noConflict() da der ikke er noget at konflikte med :-) Jeg ville nok skrive det hele om som følger:

JScript kode

 $(document).ready(function(){
     $("a.menu").click(function(){
         var getPage = $(this).attr("id");
         $("#content").load('switch.php?page='+getPage);
     }); 
 });

Bruger #8773 @ 21.05.11 14:18

658

#Simon
Tusind tak, det fungere! Men hvad så når man ikke har trykket på noget? Så skulle den gerne vise "forside" linket , men der er bare en tom side.

Og hvis man endelig klikker på "forside", så står der "Den indtastede side eksistere desværre ikke."

Så tilføjer du lige følgende først når dokumentet er indlæst:

JScript kode

 $("#content").load('switch.php?page=forside');

Så det hele bliver til:

JScript kode

 $(document).ready(function(){
     $("#content").load('switch.php?page=forside');
     $("a.menu").click(function(){
         var getPage = $(this).attr("id");
         $("#content").load('switch.php?page='+getPage);
     }); 
 });

Bruger #16025 @ 21.05.11 13:56

442

#Simon
Tusind tak, det fungere! Men hvad så når man ikke har trykket på noget? Så skulle den gerne vise "forside" linket

, men der er bare en tom side.

Og hvis man endelig klikker på "forside", så står der "Den indtastede side eksistere desværre ikke."

Bruger #16025 @ 21.05.11 14:28

442

Tusind tak! Så virker det sgu

Sideskift med JScript og jQuery

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler