ein und ausblenden

[crussader]

hallo
ich hab da ein problem wo ich nicht weiterkomme - muss dazusagen das das absolutes neuland für mich ist.
zu meinem problem:
auf meiner Seite habe ich verschiedene IFrames die ich mit je einem button ein und ausblende - das klappt auch. nun möchte ich gerne das die angeklickten button die beschriftung ändern sobald sie geklickt werden.

so hab ich jedes button gestaltet :

Anzeige der Suchliste :
<input type="button" value="Ein-/Aus-Blenden"
onclick="if(document.getElementById('suchlist').style.display=='none')
document.getElementById('suchlist').style.display='block';
else document.getElementById('suchlist').style.display='none'">

nun weiss ich ehrlichgesagt nicht weiter

wäre nett wenn ich hier hilfe finde

gruß c.

[alex2iceman]

Re: ein und ausblenden

Original geschrieben von crussader
hallo
ich hab da ein problem wo ich nicht weiterkomme - muss dazusagen das das absolutes neuland für mich ist.
zu meinem problem:
auf meiner Seite habe ich verschiedene IFrames die ich mit je einem button ein und ausblende - das klappt auch. nun möchte ich gerne das die angeklickten button die beschriftung ändern sobald sie geklickt werden.

so hab ich jedes button gestaltet :

Anzeige der Suchliste :
<input type="button" value="Ein-/Aus-Blenden"
onclick="if(document.getElementById('suchlist').style.display=='none')
document.getElementById('suchlist').style.display='block';
else document.getElementById('suchlist').style.display='none'">

nun weiss ich ehrlichgesagt nicht weiter

wäre nett wenn ich hier hilfe finde

gruß c.

Versuche es damit:

<input type="button" value="Ein-/Aus-Blenden"
onclick="change(this);'">

<script>

function change(button){
if(document.getElementById('suchlist').style.display=='none'){
 document.getElementById('suchlist').style.display='block';
button.value='Anderer Text';
} else{
 document.getElementById('suchlist').style.display='none';
button.value='Wieder anderer Text';
} 

</script>

Du kannst mit Javascript praktisch jedes Attribut wie value, src oder href ansprechen und zur Laufzeit modifizieren. Mit "this" übergibst du das Element Button mit all seinen Attributen und eigenschaften.
Beschäftige dich mal mit jQuery, das macht vieles einfacher.

[wahsaga]

Re: Re: ein und ausblenden

http://forum.de.selfhtml.org/?t=182409&m=1207319

[crussader]

@wahsaga ja das stammt von mir - nur leider komme ich absolut nicht zurecht entweder bin ich zu blond oder es liegt daran dass ich diesen button in einem template einer forensoft einbauen möchte.


@alex2iceman

das klappt leider nicht

fehlerkonsole von Fire Fox: unterminated strin literal
Link der seite
change (this) :'
dann son grüner pfeil der auf das ' zeigt


aber ich werde mir jQuery mal anschauen


gruss c.

[crussader]

wieder ich

habe es mit

<input type="button" value="Ein-/Aus-Blenden"
onclick="change(this);''"> 

versucht. resultat :
change is not defined

[wahsaga]

Und den JavaScript-Bereich mit der Definition der Funktion change hast du auch eingebunden?

[crussader]

hallo

<input type="button" value="Ein-/Aus-Blenden"
onclick="change(this);''">

<script>

function change(button){
if(document.getElementById('suchlist').style.display=='none'){
 document.getElementById('suchlist').style.display='block';
button.value='Anderer Text';
} else{
 document.getElementById('suchlist').style.display='none';
button.value='Wieder anderer Text';
}


</script> 

so steht es da nun komplett

[mcmurphy]

Dir fehlt ne klammer zum schließen der Funktion

[wahsaga]

Und das ist die Ursache fuer den zuvor genannten Fehler:

<input ... onclick="change(this);[color=red]''[/color]">

[mcmurphy]

OffTopic:

---

@Wahsaga: no Questions, but it's nice to have u back

---

[crussader]

super danke - nun geht das so wie ich es möchte

<input type="button" value="Ein-/Aus-Blenden"
onclick="change(this);''">

<script>

function change(button){
if(document.getElementById('suchlist').style.display=='none'){
 document.getElementById('suchlist').style.display='block';
button.value='Anderer Text';
} else{
 document.getElementById('suchlist').style.display='none';
button.value='Wieder anderer Text';
}
}

</script> 

[Kropff]

<input type="button" value="Ein-/Aus-Blenden" onclick="change(this);''"> 

glaub ich nicht. da sind noch immer zwei hochkommata, die da nicht hingehören

peter

[alex2iceman]

ojeoje...ich habe aus Versehen ein Kommata dringelassen...aber woher kommt das zweite?

[Blackgreetz]

Hat der Weihnachtsmann gebracht

[crussader]

moinsen

also mit oder ohne die '' funktioniert es - warum auch immer - da diese 2 hochkomma da wohl nicht hingehören hab ich die rausgemacht

gruß c.