Behold farve ved klik på fane, php udskriver det

Tags:    php

Hej alle sammen :)

En af mine venner har lavet et design i css/xhtml, hvor der er 5 faner, hvor man så holder musen over bliver de røde.

Kan det lade sig gøre at de forbliver røde når man trykker på dem, og når man så vælger en anden bliver den rød istedet for.

For bedre at forstå det kan i se med her:

http://www.intetliv.dk/ungesliv

Og har oprettet et spørgsmål under JavaScript, og olebole har skrevet at jeg skal lade php udskrive det.

( http://www.eksperten.dk/spm/818774)

Så mit spørgsmål er hvordan skal jeg lade php udskrive det, sådan ser mine knapper ud:

<div class="knap"><a href="forside.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('forside','','images/btn/forsiderollover.jpg',1)"><img src="images/btn/forsider.jpg" name="forside" width="107" height="27" border="0" id="forside" alt="" /></a></div>

<div class="knap"><a href="brugere/opret.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Opret','','images/btn/opretrollover.jpg',1)"><img src="images/btn/opret.jpg" name="Opret" width="107" height="27" border="0" id="Opret" /></a></div>

(P.s. det mit spørgsmål fra eksperten)



3 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 6 karma
Sorter efter stemmer Sorter efter dato
(Hvis du har lavet den javascript funktion burde du også kunne finde ud af det selv...)

men angående PHP kan du bare definerer det i URL'en hvilken side du er på og så lave en 'if' der tjekker hvilken side der er blevet defineret i URL'en




Hej Rasmus,

Enten skal du ud i at javaScript akriverer et billede ved hjælp af filnavnet, hvilket ikke er en "pæn" løsning...
http://www.webmasterworld.com/forum91/184.htm

Ellers skal du ud i at siderne skal genereres dynamisk med PHP eller ASP. Og så sætter du bare img src til rollover billedet.
<div class="knap"><a href="forside.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('forside','','images/btn/forsiderollover.jpg',1)"><img src="images/btn/forsiderollover.jpg" name="forside" width="107" height="27" border="0" id="forside" alt="" /></a></div>

http://www.webcheatsheet.com/PHP/get_current_page_url.php

Med venlig hilsen
Ieet






Indlæg senest redigeret d. 12.02.2008 05:13 af Bruger #12836
<script type="text/javascript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

Min stump Javascript :)



t