OnMouseOver in A werkt niet met img ?

[roodbwoy]

Hi, ik probeer een simpele hide/show div (als dropdownmenu) te koppelen aan een image, helaas werkt dit niet, zie ook geen foutmeldingen in de browser oid, als ik de image vervang met text werkt de javascript wel... doe ik iets fout? enige tips om dit te omzeilen/optelossen?

Thanks

(nb, onderstaande is geplaatst in een SharePoint2010 omgeving, browser is IE8)

JavaScript:

<script language="Javascript">
<!--
function toggleDiv(id,flagit) {
if (flagit=="1"){
if (document.layers) document.layers[''+id+''].visibility = "show"
else if (document.all) document.all[''+id+''].style.visibility = "visible"
else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "visible"
}
else
if (flagit=="0"){
if (document.layers) document.layers[''+id+''].visibility = "hide"
else if (document.all) document.all[''+id+''].style.visibility = "hidden"
else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "hidden"
}
}
//-->
</script>

Cascading Stylesheet:

<style type="text/css">#div1, #div2, #div3 {position:absolute; top: 100; left: 200; width:200; visibility:hidden}</style>

HTML:

<a href="#" onMouseOver="toggleDiv('div2',1)" onMouseOut="toggleDiv('div2',0)"><img src="/SiteImages/menu.jpg" alt=""/></a>

<div id="div2">some text</div>

[ Voor 4% gewijzigd door RobIII op 18-06-2010 18:08 . Reden: Code-tags toegevoegd ]

[Bosmonster]

Ik dacht dat sharepoint 2010 "redelijke" frontend-code genereerde?

[RobIII]

@roodbwoy: Als je code post, gebruik dan code tags a.u.b. Ik heb het deze keer voor je gedaan, maar let er voortaan zelf even op a.u.b.

Verder: Met Bosmonster. Waar komt die JS vandaan? Dat lijkt me niet iets dat uit SharePoint komt

[ Voor 44% gewijzigd door RobIII op 18-06-2010 18:15 ]

[roodbwoy]

ah thanks voor de code tags,

het javascript staat los van SharePoint, dit is namelijk zelf in elkaar gesleuteld en deze wordt op de masterpage geplaatst en moet er alleen voor zorgen dat er bij een mouseover over een image (button) een div zichtbaar wordt onder de button.

javascript werkt als ik ipv een image text neerzet... vandaar mijn vraag :-)

[ Voor 6% gewijzigd door roodbwoy op 20-06-2010 16:38 ]

[RobIII]

roodbwoy schreef op zondag 20 juni 2010 @ 16:37:
dit is namelijk zelf in elkaar gesleuteld

Nee, het is "geleende" code die ergens op 't web gevonden is. En die code stamt uit tijden toen we nog betaalden met een houten gulden

[ Voor 15% gewijzigd door RobIII op 20-06-2010 16:44 ]

[roodbwoy]

RobIII schreef op zondag 20 juni 2010 @ 16:43:
[...]

Nee, het is "geleende" code die ergens op 't web gevonden is. En die code stamt uit tijden toen we nog betaalden met een houten gulden

true, code idd van een site gevonden, maar met zelf inelkaar gesleuteld bedoel ik dat het geen SharePoint javascript is maar gewoon custom javascript.

//edit// idd een beetje ongelukkige woordkeuze

//edit2// maar heb je misschien een idee waarom het wel met een text link werkt en niet met een imagelink?

[ Voor 26% gewijzigd door roodbwoy op 20-06-2010 17:47 ]

[Bosmonster]

Hangt van je CSS en doctype af. En als die net zo goed zijn als je javascript dan belooft dat weinig goeds vrees ik.

Op zich zou je script moeten werken namelijk, erg complex is het niet

[roodbwoy]

reactie weggehaald om discussies te vermijden, ik zoek het zelf wel uit, standaard tweaker reacties hier... zou het moeten weten kom hier al 7 jaar.

[ Voor 255% gewijzigd door roodbwoy op 20-06-2010 22:56 ]

[Aganim]

"Werkt niet" is redelijk nietszeggend. Verschijnt de div niet bij een mouseover? Ik kan de fout namelijk met de gegeven code niet repliceren, het werkt hier prima in zowel IE8, Opera en Firefox.

- Welke doctype gebruik je?
- Geeft Firefox met de Webdeveloper plugin wel een fout terug?
- Geen variabelen in de rest van de pagina die misschien dwarsliggen met deze functie?

[Bosmonster]

roodbwoy schreef op zondag 20 juni 2010 @ 22:49:
reactie weggehaald om discussies te vermijden, ik zoek het zelf wel uit, standaard tweaker reacties hier... zou het moeten weten kom hier al 7 jaar.

Je bedoelt dat mensen eerlijk zijn? Laten we even naar de feiten kijken waar we mee moeten werken:

- Je post een scriptje van 10 jaar oud dat je (zoals je zelf ook zegt) ergens van internet geplukt hebt
- Je geeft geen informatie over wat er nu eigenlijk fout gaat
- Je geeft geen informatie over de rest van de omgeving

[Yoozer]

roodbwoy schreef op zondag 20 juni 2010 @ 16:37:
het javascript staat los van SharePoint, dit is namelijk zelf in elkaar gesleuteld

Dump die rommel, smijt er JQuery of Mootools in, probeer dan nog eens. Bonuspunten als je even een screenshot van datgeen maakt wat je voor elkaar wil krijgen. Antieke scriptjes zijn net zo plezierig als huis-, tuin- en keukenchirurgie met een roestige schroevendraaier op een ingegroeide teennagel.

[b]roodbwoy schreef op zondag 20 juni 2010 @ 22:49:[/ik zoek het zelf wel uit, standaard tweaker reacties hier... zou het moeten weten kom hier al 7 jaar.

Waarvan het overgrote deel reacties op game-threads zijn. Niet elk forum heeft dezelfde etiquette hier.

[ Voor 39% gewijzigd door Yoozer op 21-06-2010 09:06 ]

[roodbwoy]

Goed, ik heb het javascriptje gedumped en ben met JQuery aan de slag geaan, in ieder geval bedankt voor de reacties!


//edit//

Heb het uiteindelijk met jQuery opgelost, thanks Yoozer (en de rest)

http://www.kaizoku.nl/test/index.html (image is clickable), script hier vandaan :-)

Nu nog proberen dit in SharePoint2010 te krijgen en ik kan weer door met m'n normale werk :-)


(nog even toevoeging op eerdere bericht; niet dat ik mensen wilde beledigen oid, maar het is 9 van de 10 keer hetzelfde op Tweakers, iemand heeft een vraag, zet info neer, men gaat er vanauit dat vraagsteller lui is, geeft commentaar. Betreffende mijn vraag, voor mijn gevoel gaf ik voldoende info, het exacte probleem (werkt wel op text, niet op img) + de code die ik gebruik en de omgeving waar het in zit.)

[ Voor 77% gewijzigd door roodbwoy op 21-06-2010 12:43 ]