Bereiche ein- und ausblenden per JavaScript

zaungast · 1. Juli 2010

Hallo Leute,

ich brauche gerade, wie ich ein schon vorhandenes element ausblenden und wieder einblenden kann. Welche möglichkeiten habe ich da mit dem DOM?

mfg Zaungast

lauras · 1. Juli 2010

Die Beziehung zwischen Thema und Titel ist mir nicht ganz klar...

Ich kenne mich mit Javascript nicht aus, aber wenn du ausblenden willst, wenn du mit der Maus über ein Element fährst, kannst du auch CSS nehmen

LG

zaungast · 1. Juli 2010

nee. Das soll ein Event sein - wenn ein button gedrückt wird, soll ein teil der webseite sichtbar werden. Auf ähnliche art soll das dan wieder ausgeblendet werden

ich könnte ein element erzeugen (nicht sichbar machen!) aber nicht unsichtbar :cry:

Basi · 1. Juli 2010

Also du kannst das mit JavaScript machen, ist nur halt von abzuraten weil viele User JavaScript deaktiviert haben.

Mit PHP ist dies auch möglich erfordert halt nur das neu laden der Seite was sinnlos wäre weil man dann ja auch 2 Seiten erstellen könnte.

Du solltest dich eventuell mal nach JavaScripts umschaust die das ermöglichen (Google, "toggle"). Manchmal ist weniger zwar mehr, aber wenn es überall funktionieren soll kommst du um ein professionelles Script nicht rum.

Axel · 1. Juli 2010

nicht schön "programmiert", aber auf die Schnelle

Code

<style type="text/css">
<!--
#box1{
    width:40%;
    padding:0;
    margin:0;
    cursor:help;
    display:block;
    width:150px;
    width:40%;
    position:absolute;top:20px;right:20px;
    background : #dddddd ;
    border:3px solid #9C5A42;
    padding:5px;
    margin:2px 0 0 0;
}
-->
</style>




<script language="javascript" type="text/javascript" defer="defer">
<!--
function AnzeigeUmschalten( i )
{
   if ( document.getElementById(i).style.display == 'none' ) {
      document.getElementById(i).style.display = '';
   } else {
      document.getElementById(i).style.display = 'none';
   }
}
//-->
</script>




<div style="display: none;" id="box1">
hier der Inhalt, der erst ausgeblendet ist<br />
<a href="javascript:AnzeigeUmschalten('box1');">Box wieder ausblenden</a>
</div>




<a href="javascript:AnzeigeUmschalten('box1');">Box ein-/ausblenden</a>

Alles anzeigen

zaungast · 2. Juli 2010

danke, etwas in dieser art habe ich gesucht.
Um genau zu sein ist es nicht für eine Webseite sondern für Palms/HP's WebOS - dort programmiert mann normalerweise mit webtechniken (html, css, javascript & ajax). Wen es interresiert : http://developer.palm.com

Bereiche ein- und ausblenden per JavaScript

Jetzt mitmachen!

Teilen