Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag13.11.2012 um 14:40 (UTC)    
Titel: 2 oder mehr Button übereinander

Hallo,
hätte gern diese Button, getrennt durch zwei Linien, übereinander.
Hier der Code von einem - habe einfach noch mal den gleichen angepinnt ...

Code:

<hr />
<hr />
<span onclick="document.getElementById('text').style.display='block';document.getElementById('an').
style.display='none';document.getElementById('zu').style.display='block'" id="an" style="cursor: pointer;
"><table align="center" border="3" cellpadding="1" cellspacing="1" style="width: 180px; height: 27px;">
   <tbody>
      <tr>
         <td style="text-align: center;">
            <strong><span style="color:#000000;">Letzte Beiträge</span></strong></td>
      </tr>
   </tbody>
</table></span><span onclick="document.getElementById('text').style.display='none';document.get
ElementById('an').style.display='block';document.getElementById('zu').style.display='none'" id="zu" style
="display: none; cursor: pointer;"><span style="color: rgb(128, 0, 0);"><strong><table align="center" border="3" cellpadding="1" cellspacing="1" style="width: 180px; height: 27px;">
   <tbody>
      <tr>
         <td style="text-align: center;">
            <strong><span style="color:#000000;">Text zuklappen</span></strong></td>
      </tr>
   </tbody>
</table></strong></span><br /></span><div id="text" style="display: none;"><p><span style="color:#b22222;"><strong>Straßenbahn Prag<p><span style="color:#b22222;"><strong>
 Zillertal Teil 1<p><span style="color:#b22222;"><strong>
Busse Warschau</div>
<hr />
<hr />


... das geht auch ... es klappt aber immer nur der obere auf - auch wenn der untere angeklickt wird

MfG Bernd
______________


Zuletzt bearbeitet von ikarus-288 am 13.11.2012, 15:42, insgesamt 2-mal bearbeitet
Beitrag13.11.2012 um 16:08 (UTC)    
Titel: Re: 2 oder mehr Button übereinander

Hallo,

das liegt daran, dass die Elemente, die eingeblendet werden sollen, die gleiche ID haben.
Wenn du es etwas änderst, funktioniert es:
ikarus-288 hat Folgendes geschrieben:
<hr />
<hr />
<span onclick="document.getElementById('text1').style.display='block';document.getElementById('an1').
style.display='none';document.getElementById('zu1').style.display='block'" id="an1" style="cursor: pointer;
"><table align="center" border="3" cellpadding="1" cellspacing="1" style="width: 180px; height: 27px;">
<tbody>
<tr>
<td style="text-align: center;">
<strong><span style="color:#000000;">Letzte Beiträge</span></strong></td>
</tr>
</tbody>
</table></span><span onclick="document.getElementById('text1').style.display='none';document.get
ElementById('an1').style.display='block';document.getElementById('zu1').style.display='none'" id="zu1" style
="display: none; cursor: pointer;"><span style="color: rgb(128, 0, 0);"><strong><table align="center" border="3" cellpadding="1" cellspacing="1" style="width: 180px; height: 27px;">
<tbody>
<tr>
<td style="text-align: center;">
<strong><span style="color:#000000;">Text zuklappen</span></strong></td>
</tr>
</tbody>
</table></strong></span><br /></span><div id="text" style="display: none;"><p><span style="color:#b22222;"><strong>Straßenbahn Prag<p><span style="color:#b22222;"><strong>
Zillertal Teil 1<p><span style="color:#b22222;"><strong>
Busse Warschau</div>
<hr />
<hr />

Die farbig markierten Zahlen musst du bei jedem weiteren dieser Spoiler auf der selben Untereite erhöhen.
Im ersten Spoiler die 1, dann die 2 und so weiter.

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon


Zuletzt bearbeitet von transint am 13.11.2012, 17:09, insgesamt einmal bearbeitet
Beitrag14.11.2012 um 07:47 (UTC)    
Titel:

Hab das probiert - 2 Button übereinander erscheinen - lassen sich aber nicht anklicken ...
Hier der Code

Code:
<hr />
<hr />
<span onclick="document.getElementById('text1').style.display='block';document.getElementById('an1').
style.display='none';document.getElementById('zu1').style.display='block'" id="an1" style="cursor: pointer;
"><table align="center" border="3" cellpadding="1" cellspacing="1" style="width: 180px; height: 27px;">
   <tbody>
      <tr>
         <td style="text-align: center;">
            <strong><span style="color:#000000;">Lenk- und Ruhezeiten</span></strong></td>
      </tr>
   </tbody>
</table></span><span onclick="document.getElementById('text1').style.display='none';document.get
ElementById('an1').style.display='block';document.getElementById('zu1').style.display='none'" id="zu1" style
="display: none; cursor: pointer;"><span style="color: rgb(128, 0, 0);"><strong><table align="center" border="3" cellpadding="1" cellspacing="1" style="width: 180px; height: 27px;">
   <tbody>
      <tr>
         <td style="text-align: center;">
            <strong><span style="color:#000000;">Text zuklappen</span></strong></td>
      </tr>
   </tbody>
</table></strong></span><br /></span><div id="text" style="display: none;"><p><span style="color:#b22222;"><strong>Ruhezeitsplitting<p><span style="color:#b22222;"><strong>
Ablösung fährt im Bus mit ...<p><span style="color:#b22222;"><strong>Geschwindigkeit zu hoch</div>
<hr />
<hr />
<span onclick="document.getElementById('text2').style.display='block';document.getElementById('an2').
style.display='none';document.getElementById('zu2').style.display='block'" id="an2" style="cursor: pointer;
"><table align="center" border="3" cellpadding="1" cellspacing="1" style="width: 180px; height: 27px;">
   <tbody>
      <tr>
         <td style="text-align: center;">
            <strong><span style="color:#000000;">Letzte Beiträge</span></strong></td>
      </tr>
   </tbody>
</table></span><span onclick="document.getElementById('text2').style.display='none';document.get
ElementById('an2').style.display='block';document.getElementById('zu2').style.display='none'" id="zu2" style
="display: none; cursor: pointer;"><span style="color: rgb(128, 0, 0);"><strong><table align="center" border="3" cellpadding="1" cellspacing="1" style="width: 180px; height: 27px;">
   <tbody>
      <tr>
         <td style="text-align: center;">
            <strong><span style="color:#000000;">Text zuklappen</span></strong></td>
      </tr>
   </tbody>
</table></strong></span><br /></span><div id="text" style="display: none;"><p><span style="color:#b22222;"><strong>Unterwelt Stadtwappen<p><span style="color:#b22222;"><strong>
 Zillertal REISEBERICHT<p><span style="color:#b22222;"><strong>
Busse in Warschau</div>
<hr />
<hr />


MfG Bernd
______________
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de