Toon posts:

Button mbv javascript verplaatsen

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik heb een tabel met diverse vakjes. Nu heb ik een (dreamweaver) button met mouseover in één van de vakjes staan. Nu wil ik een timer laten lopen die de button na verloop van een tijd elke keer in een ander vakje plaatst. Het lukt me wel om de afbeelding te laten verplaatsen door in elke cel een img tag met name te zetten en javascript de src te laten wijzigen. Ik wil echter dat de "gehele button" dus inclusief mouseover en href verplaatst wordt.

Iemand een idee?

Verwijderd

Een ID geven en een scriptje schrijven :?

Wat wil je nu? Dat we je een stuk javascript code geven? Of heb je al iets dat niet werkt? Laat dat dan even zien alsjeblieft, dan kunnen we kijken wat ermee aan de hand is :)

Verwijderd

Topicstarter
De volgende functie wordt om de zoveel seconden aangeroepen mbv een timer en elke keer wordt een ander nummer meegegeven. Dit nummer is de cel die moet worden gewijzigd. nummerOud= cel waar de button momenteel in staat. nummerNieuw is het nummer van de cel waar de button heen moet.
De naam van de img tag heeft altijd de vorm van v1, v2 enz.

function replaceV(nummerOud, nummerNieuw){
//bewaar de buttonsrc
buttonSrc = eval("document.v"+nummerOud+".src");

//maak de buttonsrc leeg
eval("document.v"+nummerOud+".src='images/vierkanten/leeg.jpg'");

//geef de nieuwe buttonsrc
eval("document.v"+nummerNieuw+".src=' "+buttonSrc);
}

Echter deze functie verplaatst alleen de afbeelding en niet de link en de mouseover van de button.

Verwijderd

Topicstarter
Ik heb nu de volgende functie:

function veranderButtonLocatie(locatieOud, locatieNieuw){
srcOud = document.images[locatieOud].src;
hrefOud = document.links[locatieOud].href;
mouseOverOud = document.links[locatieOud].onMouseOver //?????

document.images[locatieOud].src = 'images/blok.gif';
document.links[locatieOud].href = '';
document.links[locatieOud].onMouseOver = '' //????

document.images[locatieNieuw].src = srcOud;
document.links[locatieNieuw].href = hrefOud;
document.links[locatieNieuw].onMouseOver = mouseOverOud //????
}

Het wijzigen van de afbeelding werkt correct. Het wijzigen van de link werkt op zich wel, het is alleen jammer dan de muisaanwijzer nog steeds in een handje veranderd als men over de afbeelding zonder link gaat. Eigenlijk zou de gehele link verwijderd moeten worden ip van op leeg zetten.

De mouseover wijzigen kom ik echter niet uit. Hebben jullie enig idee? Zit ik op het goede spoor of is er een veel makkelijkere manier?

  • Not Pingu
  • Registratie: November 2001
  • Laatst online: 18-08 10:07

Not Pingu

Dumbass ex machina

locatieOud.InnerHTML = ' ... ';

Hiermee kun je dus letterlijk de <A> tag verwijderen.

andere properties die misschien nuttig zijn:
locatieOud.OuterHTML (HTML om de tag heen wijzigen/invoegen)
locatieOud.InnerText (de tekst binnen de tag wijzigen)

Certified smart block developer op de agile darkchain stack. PM voor info.