[DHTML] onmousedown overal op de pagina ipv op 1 img?

[Verwijderd]

Een leuk foefje dit. Ik heb een omousedown event ingebouwd dat mijn plaatje doet veranderen van kleur als je erop klikt. Nu wil ik echter dat zodra er op iets geklikt wordt op de pagina, het plaatje van kleur verandert. Dit houdt volgens mij in dat de event die nu in de <IMG> staat, ergens anders moet komen te staan zodat hij slaat op alle mousedowns ipv alleen de mousedown op het plaatje.

Ik krijg overal errors als ik de code gewoon ergens op de pagina zet. Hoe doe ik dit?

[Verwijderd]

Het plaatje van kleur veranderen? Heeft dat plaatje dan transparante delen, en dat je dan de achtergrond kleur van dat plaatje instelt?

Op iets van de pagina klikken? Maakt niet uit waar. En moet dan dat ene plaatje van "kleur veranderen"?

En hoe heb je het nu gedaan? Post 's wat code. Die code kun je tussen code tags zeggen: [ code] <img blabla> [/code]

[RM-rf]

Verwijderd schreef op 29 oktober 2002 @ 17:10:

Ik krijg overal errors als ik de code gewoon ergens op de pagina zet. Hoe doe ik dit?

javascript leren?

de kunt in de body gewoon ook onmousedown="swapImage('id')" zetten,
maar verwijzingen via this gaan wel mis;

misschien een beetje code en de foutmelding posten om te kunnen zien waar de fout ligt?

[Verwijderd]

http://www.geocities.com/megammayou/

Hier kun je zien wat ik bedoel. Stel ik klik buiten de zon, dan gebeurt er niets. Ik wil echter een lijstje met links maken en elke keer als iemand op die link klikt, verandert de zon van kleur (en draait ie ook, maar dat doe ik later).

[Verwijderd]

1) Kijk eens op w3scools.com waaraan een html pagina hoort te voldoen.
2) Niet zo gek dat er gebeurt wat er gebeurt als onmouseup en onmousedown alleen voor het plaatje gedefiniëerd zijn hè

_{Misschien moet je de events die nu in je img tag staan even opgeven aan je body tag...}

[Verwijderd]

Verwijderd schreef op 30 oktober 2002 @ 14:42:
Misschien moet je de events die nu in je img tag staan even opgeven aan je body tag...

Heb ik nu gedaan. Nu geeft de browser aan dat er een fout op de pagina is. Dit bedoelde ik dus met dat ik errors krijg als ik de events verplaats...

[Hangloozz]

je javascriptfuncties moeten in de HEAD staan, anders roep je het script aan voordat het goed en wel geladen is...

[Verwijderd]

Hangloozz schreef op 30 oktober 2002 @ 15:21:
je javascriptfuncties moeten in de HEAD staan, anders roep je het script aan voordat het goed en wel geladen is...

Dat staan ze toch ook?

[Malebolgia]

kan heel simpel: maak een gifje van 1 bij 1 pixel, maak die pixel transparant.
gooi vervolgens op de pagina een layer van 100% breed en 100% hoog. in die layer gooi je dat transparante gifje neer, ook 100% breed en 100% hoog. nu heb je een plaatje over de website gelegd die het hele scherm beslaat. Als je hier nu die event aan koppelt, ben je klaar.

...1 probleem: alle links die onder die layer zitten, werken op deze manier niet meer... (denk ik)

[Bosmonster]

body id="myimage"

jaja

[Hangloozz]

gaat maar es ff studeren... klikerdeklik

[Verwijderd]

Bosmonster schreef op 30 oktober 2002 @ 15:52:
body id="myimage"

jaja

We kunnen niet allemaal even goed JavaScripten, meneer "repsect my authorety!".

Anderen zijn weer niet goed in spellen, zoals jij Als ik wist hoe het moest en zou roepen dat dit een briljant script is, mag je het belachelijk maken. Maar ik zeg juist dat ik het niet weet....

[Bosmonster]

Verwijderd schreef op 30 oktober 2002 @ 16:11:
[...]

We kunnen niet allemaal even goed JavaScripten, meneer "repsect my authorety!".

Anderen zijn weer niet goed in spellen, zoals jij Als ik wist hoe het moest en zou roepen dat dit een briljant script is, mag je het belachelijk maken. Maar ik zeg juist dat ik het niet weet....

Mijn spelling is prima, jouw gevoel voor humor misschien iets minder, maar lijkt me nogal off-topic.

Het moge duidelijk zijn dat als je een uniek object in je pagina aan wilt roepen dat je niet meerdere objecten dezelfde ID (afkorting voor: IDentifier) geeft. Dus je probeert nu misschien wel de source van je body aan te passen.

edit: Dank FoOL.. lolz

[Verwijderd]

Ok, ik heb het geprobeerd door de ID te verwijderen uit de IMG tag en alles in de body tag te zetten. Ook dit werkte niet. Dit alles had ik al geprobeerd overigens. Zoals ik al eerder aangaf, ik kreeg steeds errors als ik de JS verplaatste.

Ik blijf het proberen, bedankt voor het meedenken, als ik het alsnog oplos zal ik het hier posten, dan kan iedereen er zijn/haar voordeel mee doen.

[Verwijderd]

Dat vind ik zonde... je bent vlakbij het antwoord

PHP:

[..]
<head>
<script type="text/javascript">
function onDown() {
  document.getElementById('myImage').src='plaatjedown.gif';
}

function onUp() {
  document.getElementById('myImage').src='plaatjeup.gif';
}
</script>
</head>

<body onmousedown="onDown()" onmouseup="onUp()">

[..]

[img]"plaatjeup.gif"[/img]

[..]
</body>
</html>

untested... beware

[Verwijderd]

Yep! Dat werkt, onmousedown="onDown()" onmouseup="onUp()" in de body zetten. Bedankt mensen.



Ennuh, Bosmonster, zoals Cartman al zei: "Respect my authoritaah!"