XProfan

Français

Christian
Hahn

allô gens,
je sitze justement à meiner HP et habe folgendes Problem:
Über JavaScript voulais je un onmouseover Event erstellen, welches sur derzeit deux Bildern liegt (pic1_1.jpg & pic2_1.jpg). allez on eh bien sur cet Bilder drüber sollte un d'autre Bild à cette Stelle angezeigt volonté (pic1_2.jpg bzw. pic2_2.jpg).
j'écris cela ganze dans XHTML, là funktioniert es pas, dans HTML mais déjà.

Weiss einer comment je cela hinbekomme?

ici la fois qui Code qui JaveScript Funktion:

Kompilieren Marque Séparation

<script type=text/javascript>
function doHover(b,i)

{

    f = document[b].src;
    f = f.substr(0,f.length-5);
    f+=i+.jpg;
    document[b].src = f;

}

</script>

et ici qui Aufruf

Kompilieren Marque Séparation

<img nom=bild1 vieux=bild1 src=pic1_1.jpg onmouseover=doHover(bild1,2) onmouseout=doHover(bild1,1) />
<img nom=bild2 vieux=bild2 src=pic2_1.jpg onmouseover=doHover(bild2,2) onmouseout=doHover(bild2,1) />

merci Schonmal im vorraus

allô Tim,
pourquoi so compliqué, ici un einfacher Bildwechsler avec JS

Kompilieren Marque Séparation

<img src=erstesbild.jpg onmouseover=this.src=zweitesbild.jpg; onmouseout=this.src=erstesbild.jpg; vieux=Bildwechsler />

et ici encore un Link comme sans JS funktioniert
https://1ngo.de/web/bildwechsel.html

mfG Christian

Windows XP und Profan10 | Homepage... | Folge mir...

19.05.2009 ▲

Vollständiges citation

Absatzweise Citation Zeilenweise Citation

- page 1 -

Tim
Hannemann

merci Christian

hat super geklapt

mais je werd wohl qui JS variante nutzen là vous mir einfacher erscheint

MfG Timää

------------

Betriebssysteme: Windows Vista

Profanversion: XProfan 11

19.05.2009 ▲

Vollständiges citation

Absatzweise Citation Zeilenweise Citation

Christian
Hahn

Freut mich

seulement comme Denkanstoß, qui variante sans JS, seulement avec CSS, funzt aussi dans Browsern dans dem qui Anwender JS deaktiviert hat! qui CSS variante ist aussi pas komplizierter, sieht seulement so aus.

mfG Christian

Windows XP und Profan10 | Homepage... | Folge mir...

19.05.2009 ▲

Vollständiges citation

Absatzweise Citation Zeilenweise Citation

si sich seulement cela BGImage changement soll, ensuite wäre vlt. une CSS-variante vorzuziehen:

Kompilieren Marque Séparation

someThing{

    ;background-image:url(images/somePicture)

}

someThing:hover{

    ;background-image:url(images/someOthPicture)

}

trop tenir compte de ist vlt. dass hover pas de allen Browsern (IE) pour _alle Elemente beachtet wird, mais toujours pour a(nchor)s quelle oui im Bedarfsfall aussi sans hRef angewandt volonté peut.

Kompilieren Marque Séparation

a.someClass{

    ;display:block
    ;width:xxPx
    ;height:yyPx
    ;background-image:url(images/somePicture)

}

a.someClass:hover{

    ;background-image:url(images/someOthPicture)

}

19.05.2009 ▲

Vollständiges citation

Absatzweise Citation Zeilenweise Citation

Tim
Hannemann

nene alors wenns seulement cela Backgroundimage wäre hät ego aussi sur CSS gelöst/versucht

mais is arrêt un Bild sur qui HP, ou bien besser plusieurs Bilder, qui sich beim drüber aller dans autre Bilder changement ^ ^

@Christian:
oui je weiss cela JS aktiv son muss, mais cela is eigentlich dans qui règle qui le cas ^ ^

MfG Timää

------------

Betriebssysteme: Windows Vista

Profanversion: XProfan 11

19.05.2009 ▲

Vollständiges citation

Absatzweise Citation Zeilenweise Citation

si Du cela BGImage änderst, wohin ist qui Unterschied?

19.05.2009 ▲

Vollständiges citation

Absatzweise Citation Zeilenweise Citation

Tim
Hannemann

qui unterschied ist qui le moi dire wir 3 bilder hab, chaque cette bilder hat un dazugehöriges bild
et je voulez pas dutzende css klassen écrivons ^ ^

MfG Timää

------------

Betriebssysteme: Windows Vista

Profanversion: XProfan 11

19.05.2009 ▲

Vollständiges citation

Absatzweise Citation Zeilenweise Citation

Japp, dass pouvoir Sinn.

19.05.2009 ▲

Vollständiges citation

Absatzweise Citation Zeilenweise Citation

Tim
Hannemann

IF hats zwar déjà comme Erledigt markiert mais mir ging sur nuit là encore quoi par den tête et je hoffe dass son mir nochma aider peut

et zwar gehts toujours um onMouseOver et onMouseOut (deswegen hab ego aussi juste avec ici rein geschrieben), mais diesmal soll pas cela Bild geändert volonté wohin drüber gegangen wird, mais un d'autre. Habe déjà versucht statt this.= Src... qui ID ou bien Namen vom anderen Bild trop prendre, malheureusement sans Erfolg.

merci la fois wieder im vorraus

MfG Timää

------------

Betriebssysteme: Windows Vista

Profanversion: XProfan 11

20.05.2009 ▲

Vollständiges citation

Absatzweise Citation Zeilenweise Citation

tu peux

Kompilieren Marque Séparation

<img src=someUrl id=thisIsMyId1>
<img src=someUrl id=thisIsMyId2>
<img src=someUrl id=thisIsMyId3>

kombinieren avec

Kompilieren Marque Séparation

;document.getElementById(thisIsMyId1).src=someUrl
;document.getElementById(thisIsMyId2).src=someUrl
;document.getElementById(thisIsMyId3).src=someUrl

wonach aussi

Kompilieren Marque Séparation

<img src=someUrl id=thisIsMyId1 onMouseOver=document.getElementById(thisIsMyId3).src=someUrl>
<img src=someUrl id=thisIsMyId3>

funktioniert.

PS: Bien sûr peux on aussi dans bereits comme Erledigt markierten Threads plus agieren, cela Erledigt bezieht sich sur qui Hauptaufgabe.

20.05.2009 ▲

Vollständiges citation

Absatzweise Citation Zeilenweise Citation

Tim
Hannemann

tu es Super ^ ^
Klappt wunderbar

merci vielmals

MfG Timää

------------

Betriebssysteme: Windows Vista

Profanversion: XProfan 11

20.05.2009 ▲

Vollständiges citation

Absatzweise Citation Zeilenweise Citation

de rien. ^ ^

20.05.2009 ▲

Vollständiges citation

Absatzweise Citation Zeilenweise Citation

- page 2 -

voudrais on plusieurs CSS-Attribute eines Elementes "auf une Schlag" per JS changement bietet sich aussi element.className à - wusste je autrefois encore pas.

14.10.2010 ▲

Vollständiges citation

Absatzweise Citation Zeilenweise Citation

◄