Gwolf: anker in div - in iframe

salve

in einem iframe wid ne datei geladen mit nem div..
dieses div ist per overflow = auto zum scrollen...
in diesem div sind diverse divs mit bildern die man mit scrollen nun eben anschauen kann...
ich will nun anker setzen, dass immer per klick bild rauf oder runter geschaltet wird - geht mit "id" der divs...
ABER:
es funzt in der datei wenn sie ohne iframe...
wenn die datei im iframe geladen ist, springt bei klick auf den ankerverweis die datei aus dem iframe bzw. in das hauptfenster und iframe ist weg...

<div id="screenshots">
<div id="screenshot1">
<a href="../vorlagenbasic/basica/1/a1a/basica1aindex.htm" target="_blank" onClick="MM_displayStatusMsg('');return document.MM_returnValue" onMouseOver="MM_displayStatusMsg('');return document.MM_returnValue"><img src="../../screenshots/basica1a.jpg" border="0"></a>
<div id="runter"><a href="basicwahl1.htm#screenshot2" target="wahlframe"><img src="../../auswahllogos/down.jpg"></a></div>
</div>
<div id="screenshot2" style="background: url(../../background/blasen2.jpg) repeat">
<a href="../vorlagenbasic/basica/1/a1b/basica1bindex.htm" target="_blank" onClick="MM_displayStatusMsg('');return document.MM_returnValue" onMouseOver="MM_displayStatusMsg('');return document.MM_returnValue"><img src="../../screenshots/basica1b.jpg" border="0"></a>
<div id="rauf"><a href="basicwahl1.htm#screenshot1" target="wahlframe"><img src="../../auswahllogos/up.jpg"></a></div>
<div id="runter"><a href="basicwahl1.htm#screenshot3" target="wahlframe"><img src="../../auswahllogos/down.jpg"></a></div>
</div>
<div id="screenshot3" style="background: url(../../background/papier6.jpg) repeat">
<a href="../vorlagenbasic/basica/1/a1c/basica1cindex.htm" target="_blank" onClick="MM_displayStatusMsg('');return document.MM_returnValue" onMouseOver="MM_displayStatusMsg('');return document.MM_returnValue"><img src="../../screenshots/basica1c.jpg" border="0"></a>
<div id="rauf"><a href="basicwahl1.htm#screenshot2" target="wahlframe"><img src="../../auswahllogos/up.jpg"></a></div>
<div id="runter"><a href="basicwahl1.htm#screenshot4" target="wahlframe"><img src="../../auswahllogos/down.jpg"></a></div>
</div>
<div id="screenshot4" style="background: url(../../background/papier6.jpg) repeat;">
<a href="../vorlagenbasic/basica/1/a1d/basica1dindex.htm" target="_blank" onClick="MM_displayStatusMsg('');return document.MM_returnValue" onMouseOver="MM_displayStatusMsg('');return document.MM_returnValue"><img src="../../screenshots/basica1d.jpg" border="0"></a>
<div id="rauf"><a href="basicwahl1.htm#screenshot3" target="wahlframe"><img src="../../auswahllogos/up.jpg"></a></div>
</div>
</div>

dieser code bzw diese seite wird nun in den iframe "wahlframe" geladen...

prob:
bei reload der seite über browser-button funzt es mal mal net???
was tun???

und tschüss

--
--
Gwolf
  1. Hallo Gwolf

    Probiers mal so: <a href="#screenshot2">

    MFG
    Detlef

    --
    - Wissen ist gut
    - Können ist besser
    - aber das Beste und Interessanteste ist der Weg dahin!
    1. salve
      danke detlef, aber das funzt net...

      es wird immer der iframe "gesprengt".. d.h die datei, die im ifram egeladen ist steht dann top mit dem "anker" unterm browserrand -
      also der anker nimmt als begrenzung den browserrand, net den iframerand

      ...
      hoff' ich habs einigermaßen erklärt???

      ich könnte auch den code posten??? wenn wirklich jemand ne ahnung hat und helfen kann/will???

      und tschüss

      --
      Gwolf
      1. Hallo Gwolf

        danke detlef, aber das funzt net...

        War nur ein schneller Gedanke - nicht getestet.

        ich könnte auch den code posten???

        Besser du stellst ihn ins Netz und postest einen Link darauf.

        ...wenn wirklich jemand ne ahnung hat und helfen kann/will???

        Da findet sich hier mit Sicherheit jemand.

        PS: Klemmt deine Fragezeichen-Taste?

        MFG
        Detlef

        --
        - Wissen ist gut
        - Können ist besser
        - aber das Beste und Interessanteste ist der Weg dahin!
        1. salve

          wie kann ich neben "scrollleiste" noch "anker" setzen, dass das die bilder direkt weitergeschaltet werden können? naja anker im iframe, die springen immer aus dem frame...

          hier mal der code.. aber evtl sollte ich das ganze ganz anders aufbauen???

          das ist die seite mit dem iframe (die auch in nem iframe geladen wird):
          <body>
          <div id="topvar1" class="text1a pzentriert">Designs 1</div>
          <div id="topvar2" class="text1a pzentriert">Designs 2</div>
          <div id="topvar3" class="text1a pzentriert">Designs 3</div>
          <div id="vari1">
          <form action="" name="form1">
          <select name="menu1" class="auswahl1">
          <option value="basicwahl0a.htm" selected>Designwahl 1-9</option>
          <option value="basicwahl1.htm">BasicDesigns 1</option>
          <option value="basicwahl2.htm">BasicDesigns 2</option>
          <option value="basicwahl3.htm">BasicDesigns 3</option>
          <option value="basicwahl4.htm">BasicDesigns 4</option>
          <option value="basicwahl5.htm">BasicDesigns 5</option>
          <option value="basicwahl6.htm">BasicDesigns 6</option>
          <option value="basicwahl7.htm">BasicDesigns 7</option>
          <option value="basicwahl8.htm">BasicDesigns 8</option>
          <option value="basicwahl9.htm">BasicDesigns 9</option>
          </select>
          <input type="button" name="Button1" class="auswahl2" value="zeigen" onClick="wahlframe3.location=document.form1.menu1.options[document.form1.menu1.selectedIndex].value;">
          </form>
          </div>
          <div id="vari2">
          <form name="form2">
          <select name="menu2" class="auswahl1">
          <option value="basicwahlpass/basicwahlpass0.htm" selected>Designwahl 10-19</option>
          <option value="basicwahlpass/basicwahlpass0.htm">siehe Info</option>
          </select>
          <input type="button" class="auswahl2" name="Button2" value="zeigen" onClick="wahlframe3.location=document.form2.menu2.options[document.form2.menu2.selectedIndex].value;">
          </form>
          </div>
          <div id="vari3">
          <form name="form3">
          <select name="menu3" class="auswahl1">
          <option value="basicwahlpass/basicwahlpass0.htm" selected>Designwahl 20-29</option>
          <option value="basicwahlpass/basicwahlpass0.htm">siehe Info</option>
          </select>
          <input type="button" class="auswahl2" name="Button3" value="zeigen" onClick="wahlframe3.location=document.form2.menu2.options[document.form2.menu2.selectedIndex].value;">
          </form>
          </div>
          <div id="screenshotframe">
          <iframe src="basicwahl0a.htm" name="wahlframe3" scrolling="no" frameborder="0" id="wahlframe3" style="position:absolute; width:680px; height:345px; top:0; left:0; z-index:50;">Sorry, your browser doesn't support IFRAMEs</iframe>
          </div>
          </body>

          ...

          in das iframe "wahlframe3" wird per pulldown geladen:

          <body>
          <div id="screenshots">
          <div id="screenshot1">
          <a href="../vorlagenbasic/basica/1/a1a/basica1aindex.htm" target="_blank"><img src="../../screenshots/basica1a.jpg" border="0"></a>
          <div id="runter"><a href="#"><img src="../../auswahllogos/down.jpg" border="0"></a></div>
          </div>
          <div id="screenshot2" style="background: url(../../background/blasen2.jpg) repeat">
          <a href="../vorlagenbasic/basica/1/a1b/basica1bindex.htm" target="_blank"><img src="../../screenshots/basica1b.jpg" border="0"></a>
          <div id="rauf"><a href="#"><img src="../../auswahllogos/up.jpg" border="0"></a></div>
          <div id="runter"><a href="#"><img src="../../auswahllogos/down.jpg" border="0"></a></div>
          </div>
          <div id="screenshot3" style="background: url(../../background/papier6.jpg) repeat;">
          <a href="../vorlagenbasic/basica/1/a1c/basica1cindex.htm" target="_blank"><img src="../../screenshots/basica1c.jpg" border="0"></a>
          <div id="rauf"><a href="#"><img src="../../auswahllogos/up.jpg" border="0"></a></div>
          </div>
          </div>
          </body>

          ...
          hab anker etc rausgenommen... wegen übersicht...im obigen code...
          ...

          mit den "rauf/runter" will ich erreichen dass von da aus immer ein bild rauf oder runter geschaltet werden kann:
          so ähnlich???

          <div id="screenshot1">
          <div id="wohin"><a name="shot1"></a></div>
          <a href="../vorlagenbasic/basica/1/a1a/basica1aindex.htm" target="_blank"><img src="../../screenshots/basica1a.jpg" border="0"></a>
          <div id="runter"><a href="#shot1" target="hier weiß ich net wie, _self funzt net, wahlframe3 funzt net"><img src="../../auswahllogos/down.jpg" border="0"></a></div>
          </div>

          oder soll ich die anker weglassen??? aber wie dann???

          ich danke mal im voraus

          und tschüss

          --
          Gwolf
          1. Hallo Gwolf

            wie kann ich neben "scrollleiste" noch "anker" setzen, dass das die bilder direkt weitergeschaltet werden können? naja anker im iframe, die springen immer aus dem frame...

            Ich habe ein paar Versuche gemacht.
            Wenn ich in einem Dokument Verweise (<a href="#bild2">down</a>), ohne URL-Angabe und ohne target schreibe, die auf Anker (<a name="bild2"><img ...></a>) oder auf DIVs (<div id="bild2"> ... </div>) zeigen, die sich im selben Dokument befinden, wird bei mir nie ein Frameset oder Iframe gesprengt.
            Die einzigen Effekte, der bei mir dabei auftreten sind folgende.

            • Die Seite, die das Iframe enthält, wird soweit gescrollt, bis das Iframe vollständig zu sehen ist.
            • Wenn mehrere Iframes ineinander geschachtelt sind, dann wirden die Seiten soweit gescrollt, dass die Iframes jeweils am Fensterrand anstoßen.

            MFG
            Detlef

            --
            - Wissen ist gut
            - Können ist besser
            - aber das Beste und Interessanteste ist der Weg dahin!
            1. salve
              hallo detlef,

              danke für deine mühe..
              genau, das ist der haken, der "gewünschte" iframe (verschachtelt) scrolt eben bis zum fensterrand und deckt mir dabei alles andere zu - dachte er "sprengt" *lach*

              aber da ich nun drei tage rumgedoktert hab - keine richtige lösung gefunden hab, auch mit internen div-scrollern nicht, die in einem iframe aus einem anderen iframe zu schalten sind - hab ich nun eben die methode show/hide für meine divs benutzt..anstatt die divs "reinzuscrollen"..

              nochmals danke
              und tschüss

              --
              Gwolf