kostenloser Webspace werbefrei: lima-city

Div einblenden und gleichzeitig anderes div ausblenden

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   ultimativecharts

   

   ultimativecharts hat kostenlosen Webspace.

   15:29, 24.5.2012

   ich hab noch nicht viel ahnung von java script, nur mal so vorweg.
   
   ich möchte auf meiner website ein div erstellen (das hab ich :D) und wenn man drauf klickt, soll ein anderes div eingeblendet werden. bis hier her hab ichs geschafft.
   
   doch leider bleiben dann beide divs eingeblendet. ich möchte aber das andere div dann ausblenden lassen.
   kann mit jemand helfen?
   
   hier ist der code von meiner html seite:
   

   <a href=#><div id="onclick" onclick=javascript:document.getElementById('liedvorschlag').style.visibility='visible'></div></a>
   <div id="liedvorschlag" style="visibility:hidden">
   <h1>Liedvorschlag hier eintragen:</h1>
   <h2>(Bsp.: We Will Rock You - Queen)</h2>
   <form name="liedvorschlag" action="liedvorschlagspeichern.php" method="get" enctype="text/html">
   <input type="text" name="vorschlag" value="" size="50" maxlength="250" /> <br />
   <input type="submit" name="" value="Absenden" />
   </form>
   </div>

   
   
   Beitrag zuletzt geändert: 24.5.2012 15:31:10 von ultimativecharts

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. hackyourlife

   Moderator

   hackyourlife hat kostenlosen Webspace.

   15:43, 24.5.2012

   ultimativecharts schrieb:
   doch leider bleiben dann beide divs eingeblendet. ich möchte aber das andere div dann ausblenden lassen.

   Welches div möchtest du denn ausblenden?
   
   Eventuell so:

   <script type="text/javascript"><!--
   function toggle() {
   document.getElementById('liedvorschlag').style.display = '';
   document.getElementById('onclick').style.display = 'none';
   }
   // --></script>
   <a href="#"><div id="onclick" onclick="toggle();"></div></a>
   <div id="liedvorschlag" style="display:none">
   <h1>Liedvorschlag hier eintragen:</h1>
   <h2>(Bsp.: We Will Rock You - Queen)</h2>
   <form name="liedvorschlag" action="liedvorschlagspeichern.php" method="get" enctype="text/html">
   <input type="text" name="vorschlag" value="" size="50" maxlength="250" /> <br />
   <input type="submit" name="" value="Absenden" />
   </form>
   </div>

4. Autor dieses Themas

   ultimativecharts

   

   ultimativecharts hat kostenlosen Webspace.

   15:46, 24.5.2012

   ja genau so :D
   
   vielen dank

5. burgi

   Co-Admin

   burgi hat kostenlosen Webspace.

   16:19, 24.5.2012

   verschoben:
   Java != JavaScript

6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?