Problem vorerst gelöst - baseportal Forum - Web-Anwendungen einfach, schnell, leistungsfähig!
baseportal
English - Deutsch "Es gibt keine dummen Fragen - jeder hat einmal angefangen"

 baseportal-ForumDie aktuellsten 10, 30, 50, 100 Einträge anzeigen.  

 
 Ausgewählter Eintrag: Zur Liste 
    Beitrag von Thomas H. (180 Beiträge) am Freitag, 7.Oktober.2005, 17:03.
    Problem vorerst gelöst

      Habe eine Variante, welche nun vom Prinzip her funktioniert:
      Wen´s interessiert, hier der Quelltext:

      <html>
<head>

      <script language="javascript">
      function zeigen(bild)
      {
      //In den Anführungszeichen befinden sich die IDs der
      //Block-Elemente, die zunächst nicht angezeigt
      //werden sollen.
      document.getElementById("Bild_1").style.visibility = 'hidden';
      document.getElementById("Bild_2").style.visibility = 'hidden';
      document.getElementById("Bild_3").style.visibility = 'hidden';
      // Jetzt gewünschtes Block-Element anzeigen.
      document.getElementById(bild).style.visibility = 'visible';
      }
</script>

      </head>
      <body>

      <a href="javascript:zeigen('Bild_1');">Inhalt 1 zeigen</a> | 
      <a href="javascript:zeigen('Bild_2');">Inhalt 2 zeigen</a> | 
<a href="javascript:zeigen('Bild_3');">Inhalt 3 zeigen</a>
<br>
<div id="Bild_1" style="position:absolute; top:150px; left:50px; visibility:hidden" onclick="this.style.visibility = 'hidden'">
<table border="1" width="100" cellspacing="1" style="border-collapse: collapse">
<tr>
<td>Inhalt 1</td>
</tr>
</table>
</div>

      <div id="Bild_2" style="position:absolute; top:250px; left:150px; visibility:hidden" onclick="this.style.visibility = 'hidden'">
      <table border="1" width="100" cellspacing="1" style="border-collapse: collapse">
<tr>
<td>Inhalt 2</td>
</tr>
</table>
</div>

      <div id="Bild_3" style="position:absolute; top:100px; left:350px; visibility:hidden" onclick="this.style.visibility = 'hidden'">
      <table border="1" width="100" cellspacing="1" style="border-collapse: collapse">
<tr>
<td>Inhalt 3</td>
</tr>
</table>

      </div>

      </body>
</html>





      Ist im Grunde auch das falsche Forum :-)


    Antworten

 Alle Einträge zum Thema: Zur Liste 
    Beitrag von Thomas Hildmann (7 Beiträge) am Freitag, 7.Oktober.2005, 00:42.
    Details ein / ausblenden

      Hi,

      habe hier von Christoph ein Script mit dem man Details
      ein und ausblenden kann.
      Das funktioniert auch einwandfrei, nur leider verkehrt herum.
      D.h. ich will das die Tabelle bei ersten Aufruf des Templates
      versteckt ist und erst durch Klick auf " Suchkriterien ändern"
      sichtbar wird. Habe es schon versucht mit:

      <div id="Index" style="display:none">

      Dann ist die Tabelle zwar weg, aber kommt erst beim 2maligen
      Klick zum Vorschein. Ist also auch nicht das wahre.
      Irgendwas anderes muß hier vertauscht werden. Aber was?


      Hier das Script: 

      <html>
<head>
</head>
<body>

      <script><!--
      function h(a,b){document.getElementById(a).style.display=b}
      --></script>
      <span id="hide"><a href=href="#" onclick="h('Index','none');h('hide','none');h('show','');return false">Suchkriterien ändern</a></span>
<span id="show" style="display:none"><a href="#" onclick="h('Index','');h('hide','');h('show','none');return false">Suche ausschalten</a></span>

      <div id="Index">
      <table border="1" width="100%" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="#000080">
<tr>
<td> </td>
</tr>
</table>
</div>
</body>
</html>

      Thomas H.

     Antworten

    Beitrag von Claus (4645 Beiträge) am Freitag, 7.Oktober.2005, 10:51.
    Re: Details ein / ausblenden

      Bin kein js-Experte, aber ich vermute mal, Du musst die Inhalte der Parameter tauschen:

      Alt:

      <span id="hide"><a href=href="#" onclick="h('Index','none');h('hide','none');h('show','');return false">Suchkriterien ändern</a></span>
<span id="show" style="display:none"><a href="#" onclick="h('Index','');h('hide','');h('show','none');return false">Suche ausschalten</a></span>

      Neu: 

      <span id="hide"><a href=href="#" onclick="h('Index','');h('hide','');h('show','none');return false">Suchkriterien ändern</a></span>
<span id="show" style="display:none"><a href="#" onclick="h('Index','none');h('hide','none');h('show','');return false">Suche ausschalten</a></span>

      Gruß

      Claus

     Antworten

    Beitrag von Thomas H. (180 Beiträge) am Freitag, 7.Oktober.2005, 11:28.
    Re: Details ein / ausblenden

      Hi,

      das hatte ich auch schon probiert.
      Da geht dann leider gar nichts mehr.




      Thomas

     Antworten

    Beitrag von hempelr (1976 Beiträge) am Freitag, 7.Oktober.2005, 13:40.
    Re: Details ein / ausblenden


      Hier mal ein Beispiel welches funzt, schnell zusammengehackt aus deinen Vorgaben - kannst es ja anpassen, wenn du es verstehst und nicht nur abschreibst... ;-)

      ---schnipp
      <html>
<head>
<title>test</title>
<meta name="author" content="Dieter">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<html>

      <script><!--
      function h(a,b){document.getElementById(a).style.visibility=b}
      --></script>
      Hier ist der Text<br>
      <span id="hide">
<a href=href="#" onclick="h('Index','visible');return false">Suchkriterien ändern</a></span>
<span id="show" style="visibility:visible;"><a href="#" onclick="h('Index','hidden');return false">Suche ausschalten</a></span>

      <div id="Index">

      <table border="1" width="50%" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="#000080" align=center>
<tr>
<td>Hier ist die Tabelle mals versteckt und mal vorhanden </td>
</tr>
</table>
</div>

      </body>
      </html>
</body>
</html>

     Antworten

    Beitrag von Thomas H. (180 Beiträge) am Freitag, 7.Oktober.2005, 15:22.
    Re: Details ein / ausblenden

      Hallo Ruben,

      danke für die Antwort.
      Das funktioniert schon, ist aber der gleiche Effekt
      den ich Anfangs auch schon hatte.
      Das Problem ist ja, das die Tabelle schon beim Aufruf des Templates
      sichtbar ist.
      Ich will aber, das diese erst nach dem Klick sichtbar wird.

      Ich probier nochmal ein wenig mit der Tabelle selbst.
      Der Ansatz mit:
      <div id="Index" style="display:none">
      funktioniert ja schon fast. Man muß allerdings 2 mal auf den Link klicken.


      Gruß
      Thomas

     Antworten

    Beitrag von Thomas H. (180 Beiträge) am Freitag, 7.Oktober.2005, 17:03.
    Problem vorerst gelöst

      Habe eine Variante, welche nun vom Prinzip her funktioniert:
      Wen´s interessiert, hier der Quelltext:

      <html>
<head>

      <script language="javascript">
      function zeigen(bild)
      {
      //In den Anführungszeichen befinden sich die IDs der
      //Block-Elemente, die zunächst nicht angezeigt
      //werden sollen.
      document.getElementById("Bild_1").style.visibility = 'hidden';
      document.getElementById("Bild_2").style.visibility = 'hidden';
      document.getElementById("Bild_3").style.visibility = 'hidden';
      // Jetzt gewünschtes Block-Element anzeigen.
      document.getElementById(bild).style.visibility = 'visible';
      }
</script>

      </head>
      <body>

      <a href="javascript:zeigen('Bild_1');">Inhalt 1 zeigen</a> | 
      <a href="javascript:zeigen('Bild_2');">Inhalt 2 zeigen</a> | 
<a href="javascript:zeigen('Bild_3');">Inhalt 3 zeigen</a>
<br>
<div id="Bild_1" style="position:absolute; top:150px; left:50px; visibility:hidden" onclick="this.style.visibility = 'hidden'">
<table border="1" width="100" cellspacing="1" style="border-collapse: collapse">
<tr>
<td>Inhalt 1</td>
</tr>
</table>
</div>

      <div id="Bild_2" style="position:absolute; top:250px; left:150px; visibility:hidden" onclick="this.style.visibility = 'hidden'">
      <table border="1" width="100" cellspacing="1" style="border-collapse: collapse">
<tr>
<td>Inhalt 2</td>
</tr>
</table>
</div>

      <div id="Bild_3" style="position:absolute; top:100px; left:350px; visibility:hidden" onclick="this.style.visibility = 'hidden'">
      <table border="1" width="100" cellspacing="1" style="border-collapse: collapse">
<tr>
<td>Inhalt 3</td>
</tr>
</table>

      </div>

      </body>
</html>





      Ist im Grunde auch das falsche Forum :-)

     Antworten

    Beitrag von hempelr (1976 Beiträge) am Freitag, 7.Oktober.2005, 18:48.
    Re: Problem vorerst gelöst

      naja - hier werden halt noch mehr Objekte behandelt, aber wenn du nur eins sichtbar/unsichtbar machen willst und dabei nach dem Laden der Seite dieses zunächst unsichtbar sein soll, setz doch einfach die Style-Eigenschaft display auf none, und dann in Abhängigkeit was wann angezeigt werden soll die Funktionen entsprechen in etwa so (denk mal, das funzt genauso wie du es gerne hättest)

      ---schnipp
      <script>
<!--
function h(a,b){document.getElementById(a).style.display=b}
-->
</script>
Hier ist der Text<br>
<span id="hide" style="display:block;">
<a href=href="#" onclick="h('Index','block');h('show','block');h('hide','none');return false">Suchkriterien ändern</a></span>
<span id="show" style="display:none;"><a href="#" onclick="h('Index','none'); h('hide','block');h('show','none');return false">Suche ausschalten</a></span>

      <div id="Index" style="display:none;">

      <table border="1" width="50%" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="#000080" align=center>
<tr>
<td>Hier ist die Tabelle mals versteckt und mal vorhanden </td>
</tr>
</table>
</div>
      ---schnapp
      so nun hab ichs doch noch zum Abschreiben gemacht ;-)

     Antworten

    Beitrag von Thomas Hildmann (7 Beiträge) am Montag, 10.Oktober.2005, 10:31.
    Re: Problem vorerst gelöst

      Danke Dir :-)
      Jetzt habe ich auch verstanden, wie es funktioniert.

      Thomas H.

     Antworten


     
 Liste der Einträge von 22201 bis 22351:Einklappen Zur Eingabe 
Neueste Einträge << 10 | 9 | 8 | 7 | 6 | 5 | 4 | 3 | 2 | Neuere Einträge < Zur Eingabe  > Ältere Einträge | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 >> Älteste Einträge

Zurück zur Homepage

© baseportal.de. Alle Rechte vorbehalten. Nutzungsbedingungen



powered in 0.07s by baseportal.de
Erstellen Sie Ihre eigene Web-Datenbank - kostenlos!