Kadabra alleen met tekst

[remmie63]

Hallo. Kan iemand mij zeggen of kadabra alleen met tekst werkt? Of kan het ook met images?
Als het niet kan, bestaat er dan een andere gelijkwerkende optie zoals kadabra wat ook met images werkt?

 

[Naarling]

Dan mag je eerst uitleggen wat het is. Ik kom met googelen alleen een Pokemon met die naam tegen.

 

[Robin S]

Ik heb gezocht op 'kadabra javascript' Denk dat deze functionaliteit bedoeld wordt: http://www.html-site.nl/uitklappen.php
Zo'n show/hide werkt in principe met alle soorten content, dus ook images. In plaats van <p id="tekst"> zoals in het voorbeeld gebruik je dan <img id="tekst" />

 

[remmie63]

Inderdaad Kadabra javascript! Ik ga eens wat experimenteren.
Dank voor jullie feedback!

 

[remmie63]

Het net even geprobeert: en het werkt. Nog een korte vraag: ik wil het kadabra javascript meerdere keren toepassen. Nu heb ik het op twee plekken met onmouseover gemaakt. Bij de ene verschijnt tekst en bij de andere een image.
Wat nu gebeurt is dat, als je van het ene naar het andere over gaat, de tekst door het img heen gaat of andersom. Is er een script aanpassing mogelijk die dat uitsluit? Dus als de tekst al zichtbaar is en het image wordt geactiveerd de tekst automatisch onzichtbaar wordt en vica versa.

 

[Naarling]

Zorgen dat die functie ook bij mouseout wordt aangeroepen.

EDIT: het gaat hier trouwens niet om een standaard javascriptfunctie, was dus handig geweest om even een linkje te geven.

 

[remmie63]

Ik ga ermee aan de slag! En voor de link die er niet was.

 

[remmie63]

De regel is nu:

<div align="center"><a href="#" onmouseover="return kadabra('tekst');" class="style1">BIO</a></div>

Welke verwijst naar:

<script type="text/javascript">
function kadabra(zap) {
if (document.getElementById) {
var abra = document.getElementById(zap).style;
if (abra.display == "block") {
abra.display = "none";
} else {
abra.display= "block";
} return false;
} else {
return true;
}
}

Ik heb onmouseout al op verschillende manieren proberen te implementeren zonder resultaat. Heeft iemand nog een suggestie hoe dit te doen?
De bedoeling is dus zodra de muis over de link gaat moet de tekst verschijnen, gaat de muis van de link af moet de tekst weg zijn.

 

[Naarling]

Ik heb onmouseout al op verschillende manieren proberen te implementeren zonder resultaat.

Hoe dan? Ik zie het niet in je code? Je ou bijvoorbeeld dit kunnen doen:

<div align="center"><a href="#" onmouseover="return kadabra('tekst');" onmouseout="return kadabra('tekst');" class="style1">BIO</a></div>

 

[remmie63]

Deze code is inderdaad de standaard code zoals kadabra opgebouwd is.
Ik heb allerlei verschillende manieren uitgeprobeerd. Zonder resultaat.
Maar die van jou doet het. Prachtig.
Het vreemde is dat dit de eerste regel is die ik zelf ook al bedacht had maar hij deed het niet. En ik vraag me nu af waarom. Maar goed, doet er niet meer toe.
Bedankt voor de hulp!

Groet, Remco