Avatar billede fronk Nybegynder
20. maj 2002 - 14:56 Der er 17 kommentarer og
2 løsninger

Onclick, Swap Baggrundsbillede

Jeg har en tabel hvori der er 6 kolonner, der har jeg et baggrundsbillede i.
Jeg vil gerne at når jeg klikker på teksten/link i den enkelte kolonne så skifter baggrundsbilledet ud med et andet billede.
Og når du så klikker dig igennem linkene så skal baggrundsbilledet følge den kolonne hvor du klikker i, dvs. hvis du har activeret kolonne 1 og du klikker i kolonne 3 så ændre kolonne 1 baggrundsbilledet sig til standard billedet og kolonne 3 baggrundsbilledet ændre sig til det active baggrundsbillede.

HÅber i kan forstå det hele :-))
prøvede at pensle det så meget ud som muligt.
Avatar billede fronk Nybegynder
20. maj 2002 - 14:57 #1
lille kommentar: har baggrundsbillede i hver kolonne.
Avatar billede zaditor Nybegynder
20. maj 2002 - 14:59 #2
Jeg vil mene det er det samme som, når man gør det med farver..
Vent lige et øjeblik..
Avatar billede zaditor Nybegynder
20. maj 2002 - 15:00 #3
Du skal selvf. gør det i javascript som du har skrevet
Avatar billede zaditor Nybegynder
20. maj 2002 - 15:01 #4
Jeg har en menu.js fil hvor der er det her i:
var ns=(navigator.appName=='Netscape' && parseInt(navigator.appVersion) == 5)?true:false;
var ie=(navigator.appName=='Microsoft Internet Explorer')?true:false;

function doOn1(obj)
{if(ie)
{clearTimeout(obj.t1);clearTimeout(obj.t2);clearTimeout(obj.t3);clearTimeout(obj.t4);}
obj.style.backgroundColor='#FF3333';}                                                      // "over" farve
function doOff1(obj)
{if(ns)
{obj.style.backgroundColor='';}                                                              // Baggrundsfarve
else{
obj.t1=setTimeout("doColor("+ obj.id +", '#EE4444')",40);            //2. "over" farve
obj.t2=setTimeout("doColor("+ obj.id +", '#DD5555')",80);            //3. "over" farve
obj.t3=setTimeout("doColor("+ obj.id +", '#CC6666')",120);            //4. "over" farve
obj.t4=setTimeout("doColor("+ obj.id +", '#BB7777')",160);          //5. "over" farve
obj.t5=setTimeout("doColor("+ obj.id +", '#AA8888')",200);            //6. "over" farve
obj.t6=setTimeout("doColor("+ obj.id +", '#999999')",240);          //7. "over" farve
obj.t7=setTimeout("doColor("+ obj.id +", '#88AAAA')",280);          //8. "over" farve
obj.t8=setTimeout("doColor("+ obj.id +", '#77BBBB')",320);        //9. "over" farve
obj.t9=setTimeout("doColor("+ obj.id +", '#66CCCC')",360);          //10. "over" farve
obj.t10=setTimeout("doColor("+ obj.id +", '#55DDDD')",400);        //11. "over" farve
obj.t11=setTimeout("doColor("+ obj.id +", '#44EEEE')",440);          //12. "over" farve
obj.t12=setTimeout("doColor("+ obj.id +", '')",480);}}                    //sidste "over" farve (baggrundfarven)


function doOn2(obj)
{if(ie)
{clearTimeout(obj.t1);clearTimeout(obj.t2);clearTimeout(obj.t3);clearTimeout(obj.t4);}
obj.style.backgroundColor='#33FFFF';}                                                      // "over" farve
function doOff2(obj)
{if(ns)
{obj.style.backgroundColor='';}                                                              // Baggrundsfarve
else{
obj.t1=setTimeout("doColor("+ obj.id +", '#44EEEE')",40);            //2. "over" farve
obj.t2=setTimeout("doColor("+ obj.id +", '#55DDDD')",80);            //3. "over" farve
obj.t3=setTimeout("doColor("+ obj.id +", '#66CCCC')",120);            //4. "over" farve
obj.t4=setTimeout("doColor("+ obj.id +", '#77BBBB')",160);          //5. "over" farve
obj.t5=setTimeout("doColor("+ obj.id +", '#88AAAA')",200);            //6. "over" farve
obj.t6=setTimeout("doColor("+ obj.id +", '#999999')",240);          //7. "over" farve
obj.t7=setTimeout("doColor("+ obj.id +", '#AA8888')",280);          //8. "over" farve
obj.t8=setTimeout("doColor("+ obj.id +", '#BB7777')",320);        //9. "over" farve
obj.t9=setTimeout("doColor("+ obj.id +", '#CC6666')",360);          //10. "over" farve
obj.t10=setTimeout("doColor("+ obj.id +", '#DD5555')",400);        //11. "over" farve
obj.t11=setTimeout("doColor("+ obj.id +", '#EE4444')",440);          //12. "over" farve
obj.t12=setTimeout("doColor("+ obj.id +", '')",480);}}                    //sidste "over" farve (baggrundfarven)



function doColor(obj, color)
{obj.style.backgroundColor=color;}
Avatar billede fronk Nybegynder
20. maj 2002 - 15:01 #5
Ya, det ved jeg godt men jeg er ikke speciel god til javascript så jeg vil godt have en script som jeg kan se og så "låne" derfra :-))
Avatar billede zaditor Nybegynder
20. maj 2002 - 15:01 #6
og en overall.js fil hvor der er, det her i: document.oncontextmenu=doMenu;   
    function doMenu()
    {
        event.returnValue=false;
    }
Avatar billede fronk Nybegynder
20. maj 2002 - 15:02 #7
Cool
Avatar billede zaditor Nybegynder
20. maj 2002 - 15:02 #8
Du kan se inde på www.sunesen.tk
Hvordan det virker..
Det er der hvor der står link, spil osv.
Avatar billede fronk Nybegynder
20. maj 2002 - 15:02 #9
hmmm.... er det ikke muligt bare at lave et script uden brug af .js filer??
Avatar billede zaditor Nybegynder
20. maj 2002 - 15:04 #10
Så skal du selvf. bare bytte de farver jeg har, ud med de billeder du vil have sat ind..
Avatar billede zaditor Nybegynder
20. maj 2002 - 15:06 #11
vil du have de to filer jeg har lavet?
Avatar billede fronk Nybegynder
20. maj 2002 - 15:06 #12
Hmmmm... Jeg fatter ikke en dyt af det du har der, det er ikke nøjagtig nok til at jeg selv kan finde ud af det.
:-/
Håber du har et andet script, eller om der er andre som har.
Avatar billede nikolajdu Nybegynder
20. maj 2002 - 15:10 #13
Det her er da vidst noget nemmere:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
    <script>
   
    old = "none";
   
    function skift(hvad){

    if (old == "none"){
    old = hvad
    document.getElementById(hvad).style.backgroundImage='url(2.jpg)';
}else{
document.getElementById(hvad).style.backgroundImage='url(2.jpg)';
document.getElementById(old).style.backgroundImage='url(1.jpg)';
old = hvad;
        }
    }
   
    </script>
</head>

<body>
<table>
<tr>
<td id="t1" onclick="skift(this.id)" style="background-image: url(none)">hej hej Nikolaj</td>
<br>
<td id="t2" onclick="skift(this.id)" style="background-image: url(none)">hej hej Nikolaj</td>
<br>
<td id="t3" onclick="skift(this.id)" style="background-image: url(none)">hej hej Nikolaj</td>
</tr>
</table>


</body>
</html>
Avatar billede nikolajdu Nybegynder
20. maj 2002 - 15:12 #14
Byt style="background-image: url(none)" ud med style="background-image: url(1.jpg)" - Hvis der skal være et billede fra starten af.
Avatar billede fronk Nybegynder
20. maj 2002 - 15:17 #15
Kigger lige på det nikolajdu :-)
Avatar billede fronk Nybegynder
20. maj 2002 - 15:24 #16
U the man nicolajdu.... :-)))

Det var lige det jeg var ude efter.

Zaditor: Tak for din hjælp også, den var bare lidt for indviklet til mig. :-)
Avatar billede zaditor Nybegynder
20. maj 2002 - 15:25 #17
helt i orden
Avatar billede nikolajdu Nybegynder
20. maj 2002 - 15:25 #18
tak for point.
Avatar billede zaditor Nybegynder
20. maj 2002 - 15:26 #19
takker også her..
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester