crussader: frames aufklappen

hallo
ich bin absoluter newbie in diesen sachen !

zu meinem "problem" :
ich hab eine seite und dort rufe ich andere php seiten via iframe auf.

{include file="documentHeader"}  
<head>  
 <title>{OWNPAGE_TITLE} - {PAGE_TITLE}</title>  
 {include file='headInclude' sandbox=false}  
 <script type="text/javascript" src="{@RELATIVE_WCF_DIR}js/MultiPagesLinks.class.js"></script>  
</head>  
<body>  
{include file='header' sandbox=false}  
  
<div id="main">  
 <ul class="breadCrumbs">  
  <li><a href="index.php{@SID_ARG_1ST}"><img src="icon/indexS.png" alt="" /> <span>{PAGE_TITLE}</span></a> &raquo;</li>  
 </ul>  
  
 <div class="mainHeadline">  
  <img src="icon/ownpageL.png" alt="" />  
  <div class="headlineContainer">  
   <h2><p>{OWNPAGE_TITLE}</p></h2>  
   <p>{OWNPAGE_INFORMATION}</p>  
  </div>  
 </div>  
  <div class="border tabMenuContent">  
   <div class="container-1">  
            {if OWNPAGE_USE_HTML}  
   <legend><p>{@OWNPAGE_TEXT}</p></legend>  
            {else}  
            <legend><p>{OWNPAGE_TEXT}</p></legend>  
            {/if}  
  
  
  </div>  
 </div>  
<div class="container-1" id="wbb3addonsBox04">  
<IFRAME SRC="../rmm/test.html" NAME="xyz" HEIGHT="100" WIDTH="100%"  scrolling="no" frameborder="0" >  
Sorry, your browser doesn't support iframes.  
</IFRAME>  
</div>  
{include file=shoutboxFrame}  
<br><br>  
{if $this->user->userID != 0}  
<div class="container-1" id="wbb3addonsBox04">  
<h2><center>Hallo {$this->user->username}</center></h2>  
<IFRAME SRC="../rmm/favo{$this->user->userID}.php" NAME="abc" HEIGHT="300" WIDTH="100%"  scrolling="yes" frameborder="0" >  
Sorry, your browser doesn't support iframes.  
</IFRAME></div>  
  
{/if}  
  
             </div>  
<div class="container-1" id="wbb3addonsBox04">  
<IFRAME SRC="../rmm/playing.php" NAME="def" HEIGHT="768" WIDTH="100%"  scrolling="yes" frameborder="0" >  
Sorry, your browser doesn't support iframes.  
</IFRAME></div><br><br>  
<div class="container-1" id="wbb3addonsBox04">  
<IFRAME SRC="../rmm/playlist.php" NAME="suchen" HEIGHT="768" WIDTH="100%"  scrolling="yes" frameborder="0" >  
Sorry, your browser doesn't support iframes.  
</IFRAME>  
             </div>  
            <div>  
  <div>  
    <div align="center">{lang}wbb.ownpage.copyright{/lang}</div>  
  </div>  
</div>  
  
</div>  
{include file='footer' sandbox=false}  
</body>  
</html>  

nun möchte ich die einzelnen frames via link auf und wieder zuklappen können. wie geht das ?

  1. Hallo

    nun möchte ich die einzelnen frames via link auf und wieder zuklappen können. wie geht das ?

    Mal abgesehen davon, dass der vorgestellte Quelltext eher an ein smarty-Template erionnert, als dass das HTML ist, was für HTML-bezogene Fragen von Vorteil wäre, solltest du deine Fragestellung noch einmal konkretisieren. Frames und auch Iframes bieten nämlich an sich in keiner Weise eine Möglichkeit, sich auf- oder zuklappen zu lassen.

    Mit einer besseren Beschreibung des von dir gewünschten Verhaltens kommen wir bestimmt weiter. So hinterlässt du (zumindest bei mir) nur Fragezeichen.

    Tschö, Auge

    --
    Die deutschen Interessen werden am Liechtenstein verteidigt.
    Veranstaltungsdatenbank Vdb 0.2
    1. Hallo

      nun möchte ich die einzelnen frames via link auf und wieder zuklappen können. wie geht das ?

      Mal abgesehen davon, dass der vorgestellte Quelltext eher an ein smarty-Template erionnert, als dass das HTML ist, was für HTML-bezogene Fragen von Vorteil wäre, solltest du deine Fragestellung noch einmal konkretisieren. Frames und auch Iframes bieten nämlich an sich in keiner Weise eine Möglichkeit, sich auf- oder zuklappen zu lassen.

      Mit einer besseren Beschreibung des von dir gewünschten Verhaltens kommen wir bestimmt weiter. So hinterlässt du (zumindest bei mir) nur Fragezeichen.

      Tschö, Auge

      »»

      danke für den hinweis
      ich kann als beispiel nur einen link zeigen :
      http://community.woltlab.com/forum/index.php
      dort siehst du bei der auflistung der foren immer ein + bzw - zeichen und beim draufklicken öffnet bzw schliesst sich der zweig. sowas würde ich gerne realisieren.
      ich hoffe ich konnte einige der fragezeichen erklären

      gruß crussader

      1. Hi,

        bitte zitiere sinnvoll, und nicht einfach alles!

        dort siehst du bei der auflistung der foren immer ein + bzw - zeichen und beim draufklicken öffnet bzw schliesst sich der zweig.

        Da werden einfach bestimmte Element innerhalb eines Container-Elements sichtbar oder unsichtbar gemacht.
        Das laesst sich bspw. ueber direkte Manipulation von Style-Eigenschaften ueber das style-Objekt machen, oder auch ueber die Aenderung der Klassenzugehoerigkeit von Elementen.

        MfG ChrisB

        --
        „This is the author's opinion, not necessarily that of Starbucks.“
        1. Das laesst sich bspw. ueber direkte Manipulation von Style-Eigenschaften ueber das style-Objekt machen, oder auch ueber die Aenderung der Klassenzugehoerigkeit von Elementen.

          kannst du mir bitte ein beispiel geben wie das in meinem fall aussehen muß ??

          1. Hi,

            Das laesst sich bspw. ueber direkte Manipulation von Style-Eigenschaften ueber das style-Objekt machen, oder auch ueber die Aenderung der Klassenzugehoerigkeit von Elementen.

            kannst du mir bitte ein beispiel geben wie das in meinem fall aussehen muß ??

            Beschaeftige dich mit den beiden genannten Moeglichkeiten.

            Wenn du *konkrete* Fragen bzgl. Verstaendnisproblemen o.ae. hast, dann stelle sie.

            MfG ChrisB

            --
            „This is the author's opinion, not necessarily that of Starbucks.“
            1. Wenn du *konkrete* Fragen bzgl. Verstaendnisproblemen o.ae. hast, dann stelle sie.

              ok ein und ausblenden geht nur noch eine frage : wie schaffe ich es dass die webseite nun auch verkleinert bzw vergrössert? (sichtbarer bereich ändert sich ja)

              ein und ausblenden klappt mit

                          <script language="JavaScript" type="text/javascript">  
              function einblenden()  
              {  
              document.all.test.style.visibility="visible";  
              }  
              function ausblenden()  
              {  
              document.all.test.style.visibility="hidden";  
              }  
              </script>  
              <div>  
                            <p><a href="javascript:ausblenden('test')">Verstecken!</a></p>  
                            <p><a href="javascript:einblenden('test')">Anzeigen!</a></p>  
              </div>  
              <div id="test">  
              <ul class="breadCrumbs">  
              </ul>  
                
              <IFRAME SRC="../rmm/test.html" NAME="Radio" HEIGHT="100" WIDTH="768"  scrolling="no" frameborder="0" >  
              Sorry, your browser doesn't support iframes.  
              </IFRAME>  
              </div>
              
              1. Hi,

                ok ein und ausblenden geht nur noch eine frage : wie schaffe ich es dass die webseite nun auch verkleinert bzw vergrössert? (sichtbarer bereich ändert sich ja)

                Sorry, ich verstehe nicht, was du damit meinst.

                ein und ausblenden klappt mit

                document.all.test.style.visibility="hidden";

                document.all ist IE-only. Beschaeftige dich mit standardisierten Methoden zum Zugriff auf Elemente, wie bspw. getElementById.

                Und vielleicht willst du das ausblenden lieber ueber display statt visibility machen - dann bleibt der Platz der nicht sichtbaren Elemente nicht reserviert.

                MfG ChrisB

                --
                „This is the author's opinion, not necessarily that of Starbucks.“
                1. Und vielleicht willst du das ausblenden lieber ueber display statt visibility machen - dann bleibt der Platz der nicht sichtbaren Elemente nicht reserviert.

                  cool - ich muss nur noch an der darstellung arbeiten - und es wäre gut mit "toggle" wenn es sowas gibt.

                  hab folgenden code

                    
                  <script type="text/javascript" language="javascript">  
                   function show(id)  
                   {  
                    document.getElementById(id).style.display = "inline";  
                   }  
                    
                   function hide(id)  
                   {  
                       document.getElementById(id).style.display = "none";  
                   }  
                   function showHide(id)  
                   {  
                       if (document.getElementById(id).style.display == "none")  
                      {  
                       document.getElementById(id).style.display = "block";  
                    
                      }  
                     else  
                      {  
                        document.getElementById(id).style.display = "none";  
                      }  
                   }  
                   </script>  
                    
                    
                  <div id="test"; class="containerContent"; style="border: 1px solid rgb(204, 153, 0);width:200px;height:200px;display:block;"><strong>TESTCONTAINER  
                  <IFRAME SRC="../rmm/test.html" >  
                  Sorry, your browser doesn't support iframes.  
                  </IFRAME>  
                  </div>  
                    
                  <a href="#" onclick="hide('test');">weg</a>  
                   <a href="#" onclick="show('test');">da</a>  
                  
                  
                  1. und es wäre gut mit "toggle" wenn es sowas gibt.

                    wenn du dafür ein weniger kryptisches wort verwendetest, könnte man wir womöglich schneller helfen

                    1. Hi,

                      und es wäre gut mit "toggle" wenn es sowas gibt.
                      wenn du dafür ein weniger kryptisches wort verwendetest, könnte man wir womöglich schneller helfen

                      Oder, wenn du das Wort - das fuer das wechselseitige Auf-/Zuklappen doch recht gebraeuchlich ist - mit ein paar anderen in diesem Zusammenhang relevanten kombinierst, und damit selber mal die Suchmaschine deiner Wahl fuetterst - dann koenntest du auch schnell zu einer Antwort auf die Frage kommen.

                      MfG ChrisB

                      --
                      „This is the author's opinion, not necessarily that of Starbucks.“
                      1. Oder, wenn du das Wort - das fuer das wechselseitige Auf-/Zuklappen doch recht gebraeuchlich ist

                        das das wort dafur durchaus gebräuchlich ist, ist mir klar - dennoch geht nicht hervor, was der op damit genau meint

                        mein geruchssinn sagt mir, er möchte das a-element welchelweise ein/ausblenden, damit nur ein button sichtbar ist - ich kann mich aber auch täuschen

                        1. mein geruchssinn sagt mir, er möchte das a-element welchelweise ein/ausblenden, damit nur ein button sichtbar ist - ich kann mich aber auch täuschen

                          genau dass meinte ich, suit,
                          mein lösungsweg :

                          <input type="button" value="Ein-/Aus-Blenden"  
                           onclick="if(document.getElementById('favolist').style.display=='none')  
                           document.getElementById('favolist').style.display='block';  
                           else document.getElementById('favolist').style.display='none'">
                          

                          ware nun noch nett wenn die buttonbeschriftung
                          a: ein bild wäre welches bei onClick wechselt oder
                          b: die Schrift bei onClick wechselt

                          gruß c.

                          1. a: ein bild wäre welches bei onClick wechselt oder

                            das welcheselnde bild kannst du per wechselnder klasse oder welchselnden wert für background-image regeln (das style-objekt kennt mehr als nur die display-eigenschaft)

                            b: die Schrift bei onClick wechselt

                            hier könnte dir innerHTML helfen

                            1. a: ein bild wäre welches bei onClick wechselt oder

                              das welcheselnde bild kannst du per wechselnder klasse oder welchselnden wert für background-image regeln (das style-objekt kennt mehr als nur die display-eigenschaft)

                              b: die Schrift bei onClick wechselt
                              hier könnte dir innerHTML helfen

                              bin zu blond oder so
                              bitte helft mir auf die sprünge wie und wo ich ansetzen muss

                              Ausgangssituation :

                                
                                
                              <input type="button" value="Ein-/Aus-Blenden"  
                               onclick="if(document.getElementById('favolist').style.display=='none')  
                               document.getElementById('favolist').style.display='block';  
                               else document.getElementById('favolist').style.display='none'">  
                                
                              
                              

                              wie schaffe ich das dass der button mit neuem style geladen wird.
                              bzw. ein button verschwindet und ein neuer erscheint.

                              versucht habe ich :

                              <if (document.getElementById('favolist').style.display=='none')  
                              <input type="button" value="Ein-/Aus-Blenden" class=button1  
                               onclick="document.getElementById('favolist').style.display=='block';">  
                              <else>  
                              <input type="button" value="Ein-/Aus-Blenden" class=button2  
                               onclick="document.getElementById('favolist').style.display=='none';">  
                                
                              
                              

                              hab verschiedene kombinationen getestet - leider erfolglos

                              1. Hi,

                                versucht habe ich :

                                <if (document.getElementById('favolist').style.display=='none')

                                <input type="button" value="Ein-/Aus-Blenden" class=button1
                                onclick="document.getElementById('favolist').style.display=='block';">
                                <else>
                                <input type="button" value="Ein-/Aus-Blenden" class=button2
                                onclick="document.getElementById('favolist').style.display=='none';">

                                  
                                HTML kennt kein Element namens if.  
                                  
                                Auch als Anfaenger musst du dich ein bisschen mit den Grundlagen von JavaScript, und insb. seiner Syntax und seiner Einbindung in HTML-Dokumente beschaeftigen.  
                                Stattdessen einfach eine eigene Phanatsie-Syntax zu erfinden, ist nicht zielfuehrend.  
                                  
                                MfG ChrisB  
                                  
                                
                                -- 
                                „This is the author's opinion, not necessarily that of Starbucks.“
                                
    2. Hi,

      Frames und auch Iframes bieten nämlich an sich in keiner Weise eine Möglichkeit, sich auf- oder zuklappen zu lassen.

      Doch, natürlich. Und sogar recht einfach, indem man ihre Maße selbst (bei IFrames) oder ihre Maße im Frameset (bei normalen Frames) on-the-fly ändert.

      Gruß, Cybaer

      --
      Man muß viel gelernt haben, um über das, was man nicht weiß, fragen zu können.
      (Jean-Jacques Rousseau, Philosoph u. Schriftsteller)
      1. Hallo

        Frames und auch Iframes bieten nämlich an sich in keiner Weise eine Möglichkeit, sich auf- oder zuklappen zu lassen.

        Doch, natürlich. Und sogar recht einfach, indem man ihre Maße selbst (bei IFrames) oder ihre Maße im Frameset (bei normalen Frames) on-the-fly ändert.

        Das läuft bei dir unter "auf- und zuklappen"? Ich frag nur und ausschließlich wegen der Begrifflichkeiten, nicht wegen möglicher Manipulationen z.B. mit JavaScript.

        Tschö, Auge

        --
        Die deutschen Interessen werden am Liechtenstein verteidigt.
        Veranstaltungsdatenbank Vdb 0.2
        1. Hi,

          Das läuft bei dir unter "auf- und zuklappen"?

          Ja. Ich sehe da (aus Sicht des Anwenders) keinen Unterschied, ob ich sich ein unsichtbares oder kleines DIV animiert oder schlagartig öffnet, oder ein (I)Frame - mal von den technischen Unterschieden zw. Content im selben Dokument und Content in einem anderen Dokument abgesehen.

          Gruß, Cybaer

          --
          Man muß viel gelernt haben, um über das, was man nicht weiß, fragen zu können.
          (Jean-Jacques Rousseau, Philosoph u. Schriftsteller)