Toon posts:

[JS]OnClick, plaatje tonen ???

Pagina: 1

Acties:

47 views sinds 30-01-2008
Reageer

donderdag 11 juli 2002 22:30

Acties:

Red

Blue

Topicstarter

Ik heb dus het volgende stukje bron, waarin de image automagisch veranderd met onmouseovertjes enzo. Alleen nu wil ik het zo hebben dat als een link actief is er een bepaald plaatje komt te staan.

In de header:

code:

1
2
3

if (document.images) {
welkom = new Image(180,20); welkom.src = "images/home_off.gif";
welkom_on = new Image(180,20); welkom_on.src = "images/home_on.gif";

En dan code die de plaatjes laat veranderen

In de body:

code:

1
2
3

<A HREF="welkom.html" onMouseOut="di20('welkom','images/home_off.gif')" 
onMouseOver="di20('welkom','images/home_on.gif')"><IMG SRC="images/home_off.gif" 
name="welkom" ALT="" WIDTH=180 HEIGHT=20 HSPACE=0 VSPACE=0 BORDER=0></A>

Alleen nu wil ik dat bijvoorbeeld home_on.gif ook als active link wordt weergegeven en niet teruggaat op home_off.gif

Ik heb al geprobeerd, maar kom er niet uit.

Wie kan mij duidelijkheid verschaffen hierin, en of het uberhaupt mogelijk is ???

donderdag 11 juli 2002 22:32

Acties:

Red

Blue

Topicstarter

Oops, modjes please naar W&G ???

donderdag 11 juli 2002 22:39

Acties:

Gert

Nm, ik kan niet lezen.

donderdag 11 juli 2002 22:40

Acties:

Red

Blue

Topicstarter

Op donderdag 11 juli 2002 22:39 schreef Gert het volgende:
Nm, ik kan niet lezen.

Hele snelle edit

Maar wat je zei dat werkte ook niet

donderdag 11 juli 2002 22:43

Acties:

D2k

[forum=14] -> [forum=13]

Doet iets met Cloud (MS/IBM)

donderdag 11 juli 2002 22:46

Acties:

Red

Blue

Topicstarter

Op donderdag 11 juli 2002 22:43 schreef D2k het volgende:
[forum=14] -> [forum=13]

Had mezelf al gemeld in SeM

donderdag 11 juli 2002 23:09

Acties:

Elroy

Zelda!!!

Misschien met onclick=('');

Specs Computer

donderdag 11 juli 2002 23:26

Acties:

Red

Blue

Topicstarter

Okay, hier de gehele bron....

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta name="Author" content=" /me ">
<title></title>
<script language="JavaScript">
<!-- hide this script from non-javascript-enabled browsers

if (document.images) {
welkom = new Image(180,40); welkom.src = "images/but_home.gif";
welkom_on = new Image(180,40); welkom_on.src = "images/but_home_on.gif";

}

/* Function that swaps images. */

function di20(id, newSrc) {
    var theImage = FWFindImage(document, id, 0);
    if (theImage) {
      theImage.src = newSrc;
    }
}

/* Functions that track and set toggle group button states. */

function FWFindImage(doc, name, j) {
    var theImage = false;
    if (doc.images) {
      theImage = doc.images[name];
    }
    if (theImage) {
      return theImage;
    }
    if (doc.layers) {
      for (j = 0; j < doc.layers.length; j++) {
        theImage = FWFindImage(doc.layers[j].document, name, 0);
        if (theImage) {
            return (theImage);
        }
      }
    }
    return (false);
}

// stop hiding -->
</script>

</head>
<base target="_content">
<body>
<A HREF="welkom.html" onMouseOut="di20('welkom','images/but_home.gif')" onMouseOver="di20('welkom','images/but_home_on.gif')">[img]"images/but_home.gif"[/img]</A>

donderdag 11 juli 2002 23:27

Acties:

Verwijderd

Op donderdag 11 juli 2002 23:09 schreef Elroy het volgende:
Misschien met onclick=('');

yup, twee x hetzelfde plaatje, eentje voor de OnMouseOver en eentje voor OnClick

donderdag 11 juli 2002 23:35

Acties:

Red

Blue

Topicstarter

Op donderdag 11 juli 2002 23:27 schreef Shadow3333 het volgende:

[..]

yup, twee x hetzelfde plaatje, eentje voor de OnMouseOver en eentje voor OnClick

Hoe bedoel je dat ??? Zo ???

code:

1
2
3

<A HREF="welkom.html" onMouseOut="di20('welkom','images/but_home.gif')" onMouseOver="di20
('welkom','images/but_home_on.gif')" onClick="di20('welkom','images/but_home_on.gif')>
[img]"images/but_home.gif"[/img]</A>

Want dit werkt niet

vrijdag 12 juli 2002 00:13

Acties:

ACM

Software Architect

Werkt hier

topic titel gewijzigd op request

vrijdag 12 juli 2002 11:56

Acties:

Red

Blue

Topicstarter

Nou, ik kom er echt niet uit

.... wie kan me helpen hiermee

vrijdag 12 juli 2002 12:05

Acties:

Hangloozz

{ @$%&# }

tsjek dit topic eens wat ik ooit opende over hetzelfde: clickerklik
helemaal onderaan staat nog een link waar ik de oplossing uit viste..

www.jurgroessen.nl

vrijdag 12 juli 2002 12:34

Acties:

Red

Blue

Topicstarter

Nou, ik krijg het echt niet werkende.

Misschien dat Pelle me kan helpen, want hij heeft precies zo'n script op zijn website staan

_{En jatten daar doe ik niet aan}

vrijdag 12 juli 2002 12:46

Acties:

Pelle

🚴‍♂️

Dat script zuigt overigens

Het doet wat het moet doen, maar is niet echt netjes gecode. * Pelle te lui om het te vervangen door een ander script dat ik al een tijdje geleden geschreven heb

Onderwerp is al vaak langsgekomen in de search overigens; zie bijvoorbeeld:

[topic=379848/1/25]
[topic=214431/1/100]
[topic=210481/1/25]

Komt er op neer dat je voor elke image een status bijhoudt (normaal, rollover of actief). Afhankelijk van de staat van de image doe je een imagechange.

vrijdag 12 juli 2002 12:50

Acties:

Red

Blue

Topicstarter

Op vrijdag 12 juli 2002 12:46 schreef Pelle het volgende:
Dat script zuigt overigens
Het doet wat het moet doen, maar is niet echt netjes gecode. * Pelle te lui om het te vervangen door een ander script dat ik al een tijdje geleden geschreven heb

Onderwerp is al vaak langsgekomen in de search overigens; zie bijvoorbeeld:

[topic=379848/1/25]
[topic=214431/1/100]
[topic=210481/1/25]

Komt er op neer dat je voor elke image een status bijhoudt (normaal, rollover of actief). Afhankelijk van de staat van de image doe je een imagechange.

_{Hehe, kan je mij dat script dan niet geven}Oh nee, script requests mogen niet

Ik zal kijken of ik het ingevoegd kan krijgen

vrijdag 12 juli 2002 13:17

Acties:

Red

Blue

Topicstarter

Op vrijdag 12 juli 2002 12:46 schreef Pelle het volgende:
Dat script zuigt overigens
Het doet wat het moet doen, maar is niet echt netjes gecode. * Pelle te lui om het te vervangen door een ander script dat ik al een tijdje geleden geschreven heb

Onderwerp is al vaak langsgekomen in de search overigens; zie bijvoorbeeld:

[topic=214431/1/100]

Okay, in die thread heb ik het volgens mij gevonden.

code:

<script language="JavaScript">

var welke;
welke = '';
<!--imageswap voor navigatie-->
<!--Begin
var oldImage = new Object()
function movepic(img_name, img_src)
{
   thisImage = document.images[img_name]
   if (thisImage.clicked != "true") 
   {
    thisImage.oldSrc = thisImage.src;
    thisImage.src = img_src;
   }
}


function klikken(img_name)
{
   oldImage.clicked = "false"
   oldImage.src = oldImage.oldSrc
   oldImage = document.images[img_name]
   oldImage.clicked = "true"
}

function setpics(img_name, img_src)
{
document.button1.src = 'images/home_on.gif'
document.button2.src = 'images/test_on.gif'
document.button3.src = 'images/informatie_off.jpg'
document.button4.src = 'images/belastingplan_off.jpg'
document.button5.src = 'images/bedrijf_off.jpg'
document.button6.src = 'images/vragen_off.jpg'
document.button7.src = 'images/disclaimer_off.jpg'
document.button8.src = 'images/privacy_off.jpg'

if(welke==img_name)
{
document[img_name].src = img_src;
} 
}


</script>
</head>
<body>

<a href="welkom.html" target="tekst" 
onmouseover="movepic('button1','images/home_on.gif')" 
onclick="klikken('button1')" 
onmouseout="setpics('button1','images/home_off.gif')">
[img]"images/home_off.gif"[/img]

<a href="white.html" target="tekst" 
onmouseover="movepic('button2','images/test_on.gif')" 
onclick="klikken('button2')" 
onmouseout="setpics('button2','images/test_off.gif')">
[img]"images/test_off.gif"[/img]

Alleen nu als ik over button2 heenga verandert die niet terug in _off positie als button1 aangeklikt is.

_{Dit soort problemen uitleggen is niet mijn sterkste punt}

vrijdag 12 juli 2002 14:09

Acties:

Hangloozz

{ @$%&# }

nou vooruit, zoals ik het opgelost heb.
Misschien niet de grandprize winner maar hij werkt:

code:

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

<html>
<head>
    <title>swappp</title>
    
    <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
    <!--
 /* preload imagestuff */


var mouseOvers = new Array ();
    
    mouseOvers [ 'home' ] = new Image; 
    mouseOvers [ 'home' ].src = '../images/menu_home_over.gif';

    
var mouseOuts = new Array ();
    
    mouseOuts [ 'home' ] = new Image;
    mouseOuts [ 'home' ].src = '../images/menu_home_out.gif';

    
/* imageswapper */


    var oldImage = new Object()
    
    function swap( img, flag )
    {
       thisImage = document.images [ img ]
      
       if (thisImage.clicked != 'true') 
       {
           thisImage.oldSrc = thisImage.src;
                  
           thisImage.src = (
            flag 
            ? mouseOvers [ img ].src 
            : mouseOuts [ img ].src  
            );
       }
    }
    
/* end imageswapper */

/* zet de geklikte bovenmenu button vast */

    function holdIt(img)
    {
    
       oldImage.clicked = 'false';
       oldImage.src = oldImage.oldSrc;
       oldImage = document.images[img];
       oldImage.clicked = 'true';
    
    }
    //-->
    </SCRIPT>
</head>

<body>
<a href="melp/home.html" onmouseover="swap('home' ,true);" onmouseout="swap('home' ,false);" onclick="holdIt('home');">[img]"../images/menu_home_out.gif"[/img]</a>


</body>
</html>

de array's mouseOvers en mouseOuts kun je dus uitbreiding naar wens.

www.jurgroessen.nl

Pagina: 1

Reageer