Javascript help?

Gestart doorMissraver9 reacties59 weergaven

10 berichten · pagina 1 van 1

Missraver

Lid · Topicstarter

Berichten
449
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Heeft iemand hier een beetje verstand van Javascript? Ik ben hier namelijk een enorme n00b in.

Nou.
Zie deze link: http://www.leejoo.nl/java/mouseover/info_website.htm
Daar wil ik er meerdere van onder mekaar. Dat ik 3 links heb, en abij alle 3 een andere tekst.
Hoe doe ik dat?

Want gewoon onder mekaar neerpleuren doet ie niet.
0
Missraver

Lid · Topicstarter

Berichten
449
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Weet iemand het? sadleyfrown
0
Rik

Lid

Berichten
18.393
Reputatie
0
Punten
0,04
Lid sinds
Laatst gezien
Ik denk dat je met dat script sowieso weinig kan. Je kan beter een zelfgemaakt iets gebruiken. Het is dat ik pas net into javascript ben, maar anders had ik je wel geholpen.
0
Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
ik weet het niet zeker hoor maar je kan niet steeds dezelfde code neerzetten omdat die dan dezelfde naam heeft. Verander dan in de volgende code de naam "add" in "add1" ofzo maar verander dan ook alle add in add1. Volgens mij moet het dan wel werken...gewoon ff uittesten yummie
0
Rik

Lid

Berichten
18.393
Reputatie
0
Punten
0,04
Lid sinds
Laatst gezien
<a href="#" onMouseOut="hide()" onMouseOver="show(0)">Info Website</a> 
<a href="#" onMouseOut="hide()" onMouseOver="show(1)">Info Rest</a> 

<div id="info" style="display: none;"></div>
<script type="text/javascript">

    function hide()
    {
        document.getElementById(info).innerHTML = ;
        document.getElementById(info).style.display = none;
    }

    var info = new Array();
    
    info[0]=info1;
    info[1]=info2;
    
    function show(id)
    {
        document.getElementById(info).innerHTML = info[id];
        document.getElementById(info).style.display = block;        
    }
</script>


Snel eventjes gemaakt. Meer in de standaarden van het hedendaagse web ^^
(ik hoop dat het een beetje goed is, ik ben zoals ik al zei niet zo goed in javascript)

versie 2, hier kan je ook de width en height aanpassen:

<a href="#" onMouseOut="hide()" onMouseOver="show(0, 200, 290)">Info Website</a> 
<a href="#" onMouseOut="hide()" onMouseOver="show(1, 3, 90)">Info Rest</a> 

<div id="info" style="display: none; background: #ff0000;"></div>
<!-- Background #ff0000 is als voorbeeld!! -->
<script type="text/javascript">

    function hide()
    {
        document.getElementById(info).innerHTML = ;
        document.getElementById(info).style.display = none;
    }
    
    var info = new Array();
    
    info[0]=info1;
    info[1]=info2;
    
    function show(id, width, height)
    {
        document.getElementById(info).innerHTML = info[id];
        document.getElementById(info).style.display = block;
        document.getElementById(info).style.height = height;
        document.getElementById(info).style.width = width;        
    }
</script>
0
Missraver

Lid · Topicstarter

Berichten
449
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Dankje smileIk ga het even uitproberen smileheartpuh
0
Missraver

Lid · Topicstarter

Berichten
449
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Slotje, de optie van Marjolein werkt winkHartelijk bedankt smile
0
Rik

Lid

Berichten
18.393
Reputatie
0
Punten
0,04
Lid sinds
Laatst gezien
We doen geen slotjes i.v.m. mensen met zelfde vragen o/.

En waarom de oude methode gebruiken?
Zit ik me helemaal uit te sloven op javascript wat ik niet beheers, neem je de andere optie sadley
0
Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
pompom yeahh, graag gedaan smile
0
Rik

Lid

Berichten
18.393
Reputatie
0
Punten
0,04
Lid sinds
Laatst gezien
Heh, doet marjoleintje nou toch een slotje? redface
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren