button mit 2 funktionen...

xamunrax

xamunrax

Erfahrenes Mitglied
also ich meine nicht direkt 2 funktionen sondern :

...ich will einen button der einen text abschnitt einblendet der vorher auf (display='none') stand, soweit auch kein problem doch jetzt soll der button wenn er erneut gedrückt wird das feld wieder auf display='none' schalten und dann soll die funktion noch folgender massen anzusprechen sein ...onlick="display(1)" wofür das (1) für zeile eins stehen soll und wenn ich (2) drin stehen würde das dann zeile 2 ausgeblendet würde... die zeilen sind jeweils mit (id="fa1",id="fa2"... usw) gekennzeichnet...


thx im vorraus !

MfG Marco
 
In der Art?

PHP: 
<html>
<head>
<script language="JavaScript" type="text/javascript">
<!--
function sh(i){
  with(document.getElementById(i).style){
    if(display == 'none'){
      display = 'block';
    }else {
      display = 'none';
    }  
  } 
} 
//-->
</script>
</head>
<body>
  <div id="fa1">XXXXXXX</div>
  <div id="fa2">YYYYYYY</div>
  <div id="fa3">ZZZZZZZ</div><br>
  <input type="Button" onClick="sh('fa2')"; value="Show Hide">
</body>
</html>

bye
 
erst mal ein dickes dankeschöön..!!
aber ich hatte nochwas vergessen in meiner beschreibung und zwar das image was ich noch mit ändern wollte, ich habe es erstmal so probiert allerdings sagt er mir das "src" kein objekt sei... ?

Code: 
<html>
<head>
<script language="JavaScript" type="text/javascript">
<!--

function show_fa(i,l){
  with(document.getElementById(i).style){
    if(display == 'none'){
      display = 'block';
    }else {
      display = 'none';
    }
  }
  with(document.getElementById(l).style){
    if(src == '../images/menu_plus.gif'){
       src = '../images/menu_minus.gif';
    }else {
       src = '../images/menu_plus.gif';
    }
  }


}
//-->
</script>
</head>
<body>
  <img id="fal1" src="../images/menu_plus.gif" alt="" border="0">
  <div id="fai1">XXXXXXX</div>
  
  <img id="fal2" src="../images/menu_plus.gif" alt="" border="0">
  <div id="fai2">YYYYYYY</div>
  
  <img id="fal3" src="../images/menu_plus.gif" alt="" border="0">
  <div id="fai3">ZZZZZZZ</div><br>
  <input type="Button" onClick="show_fa('fai2', 'fal2')"; value="Show Hide">
</body>
</html>
 
Zuletzt bearbeitet:
hmm... funktioniert immer noch nicht


also er führt nur diesen teil des scriptes nicht aus :

PHP: 
  with(document.getElementById(l).style){
    if(src == '../images/menu_plus.gif'){
       src = '../images/menu_minus.gif';
    }else {
       src = '../images/menu_plus.gif';
    }
  }

...wobei er mir jetzt, wenn ich das ".style" weglasse keine fehlermeldung anzeigt jedoch wechselt er das bild nicht... *grübel*
 
okay habe die lösung gefunden !!
danke an alle für ihre hilfe !!

lösung sieht wie folgt aus :

PHP: 
<html>
<head>
<script language="JavaScript" type="text/javascript">
<!--

function show_fa(l,i){
  with(document.getElementById(l).style){
    if(display == 'none'){
      display = 'block';
    }else {
      display = 'none';
    }
  }
  with(document.getElementById(i)){
    if(document.getElementById(l).style.display == 'block'){
       src = '../images/menu_minus.gif';
    }else {
       src = '../images/menu_plus.gif';
    }
  }


}
//-->
</script>
</head>
<body>
  <img id="fai1" src="../images/menu_plus.gif" alt="" border="0">
  <div id="fal1">XXXXXXX</div>
  
  <img id="fai2" src="../images/menu_plus.gif" alt="" border="0">
  <div id="fal2">YYYYYYY</div>
  
  <img id="fai3" src="../images/menu_plus.gif" alt="" border="0">
  <div id="fal3">ZZZZZZZ</div><br>
  <input type="Button" onClick="show_fa('fal2', 'fai2')"; value="Show Hide">
</body>
</html>


MfG Marco


suchbegriffe : zeile öffnen und schliessen, bild per klick ändern.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück