Gwolf: wie "adressiere" ich anker in div in iframe ?

SELF-Forum

wie "adressiere" ich anker in div in iframe ?

Gwolf
– Informationen zu den Bewertungsregeln

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 bildernm 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...

was tun???

und tschüss

--
Gwolf
Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. wie "adressiere" ich anker in div in iframe ?

    Martin Fessler
    – Informationen zu den Bewertungsregeln

    hallo,

    man muss einfach bei dem link auf den anker ein target-attribut einfügen.

    also:

    <!-- der Link: in der datei, ausserhalb vom iframe -->

    <a href="datei_in_iframe.html#ankerpunkt" target="iframe_bezeichnung">Link auf Anker</a>

    <!-- jetzt kommt der iframe code, immer noch ausserhalb vom iframe -->

    <iframe name="iframe_bezeichnung"></iframe>

    ----------------------------

    <!-- jetzt kommt die datei IM iframe -->

    .....
    <a name="ankerpunk">asdf</a>

    ----------------------------

    das wars.
    ich weiß nicht, ob das mit den IDs der divs auch geht, wenn ja, dann auch so.

    martin

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. wie "adressiere" ich anker in div in iframe ?

      Gwolf
      – Informationen zu den Bewertungsregeln

      salve

      danke mal für die antwort..aber, sorry...
      die/der button der das auslöst dass zum anker gesprungen wird, ist auch innerhalb des iframes...

      also anker und ankerverweis sind innerhalb erselben datei, die wiederum in einem iframe "abläuft"

      die datei funzt außerhalb des iframes:

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
      <html>
      <head>
      <title>.pixeldesign designself basicwahl1</title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
      <meta http-equiv="imagetoolbar" content="no">
      <link href="../../startself/layoutwahl.css" rel="stylesheet" type="text/css">
      <script language="JavaScript" type="text/javascript" src="../../../../../extern.js"></script>
      </head>
      <body>
      <div id="topvar1" class="text1a pzentriert">DesignWahl 1</div>
      <div id="topvar2" class="text1a pzentriert">DesignWahl 2</div>
      <div id="topvar3" class="text1a pzentriert">DesignWahl 3</div>
      <div id="vari1">
          <form name="form1" action="">
            <select name="menu1" class="auswahl1" ondblclick="P7_JumpMenu(this,1)">
              <option value="basicwahl0.htm~wahlframe" >Designwahl 1-9</option>
              <option value="basicwahl1.htm~wahlframe" selected>BasicDesigns 1</option>
              <option value="basicwahl2.htm~wahlframe">BasicDesigns 2</option>
              <option value="basicwahl3.htm~wahlframe">BasicDesigns 3</option>
              <option value="basicwahl4.htm~wahlframe">BasicDesigns 4</option>
        <option value="basicwahl5.htm~wahlframe">BasicDesigns 5</option>
              <option value="basicwahl6.htm~wahlframe">BasicDesigns 6</option>
              <option value="basicwahl7.htm~wahlframe">BasicDesigns 7</option>
              <option value="basicwahl8.htm~wahlframe">BasicDesigns 8</option>
        <option value="basicwahl9.htm~wahlframe">BasicDesigns 9</option>
            </select>
            <input type="button" name="Button1" class="auswahl2" value="zeigen" onClick="P7_JumpMenuGo('menu1',1)">
          </form>
      </div>
      <div id="vari2">
          <form name="form2">
            <select name="menu2" class="auswahl1" ondblclick="P7_JumpMenu(this,1)">
             <option value="basicwahlpass/basicwahlpass0.htm~wahlframe" selected>Designwahl 10-19</option>
              <option value="basicwahlpass/basicwahlpass0.htm~wahlframe">siehe Info</option>
           </select>
            <input type="button" name="Button2" class="auswahl2" value="zeigen" onClick="P7_JumpMenuGo('menu2',1)">
          </form>
      </div>
        <div id="vari3">
          <form name="form3">
            <select name="menu3" class="auswahl1" ondblclick="P7_JumpMenu(this,0)">
             <option value="basicwahlpass/basicwahlpass0.htm~wahlframe" selected>Designwahl 20-29</option>
              <option value="basicwahlpass/basicwahlpass0.htm~wahlframe">siehe Info</option>
           </select>
            <input type="button" name="Button3" class="auswahl2" value="zeigen" onClick="P7_JumpMenuGo('menu3',1)">
          </form>
      </div>
      <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="#screenshot2" target="_self"><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="#screenshot1" target="_self"><img src="../../auswahllogos/up.jpg"></a></div>
      <div id="runter"><a href="#screenshot3"><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="#screenshot2"><img src="../../auswahllogos/up.jpg"></a></div>
      <div id="runter"><a href="#screenshot4"><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="#screenshot3"><img src="../../auswahllogos/up.jpg"></a></div>
      </div>
      </div>
      </body>
      </html>
      ...
      nun wenn diese datei in ein ifram egeladne wird..geht snimmer ..warum??? wo muss ich was ändern?
      und tschüss

      --
      Gwolf
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. wie "adressiere" ich anker in div in iframe ?

        Martin Fessler
        – Informationen zu den Bewertungsregeln

        puhhhhh........

        ok, ich habe in dein html nur flüchtig hineingeschaut, aber es müsste mit einer methode in UND ausserhalb vom iframe funktionieren.
        ich schau morgen nochmal in deinen post, falls du noch fragen hast

        by
        martin

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. wie "adressiere" ich anker in div in iframe ?

          Gwolf
          – Informationen zu den Bewertungsregeln

          salve
          *grins*

          oki, ich test das malm interessant ist eh nur das untere teil des codeblocks, weil da meine anker (screenshot1 etc) deklariert sind

          und tschüss

          --
          Gwolf
          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

          1. wie "adressiere" ich anker in div in iframe ?

            Gwolf
            – Informationen zu den Bewertungsregeln

            salve
            danke, es klappt*smile*

            und tschüss

            --
            Gwolf
            Beitrag melden
            –
            Informationen zu den Bewertungsregeln

            1. wie "adressiere" ich anker in div in iframe ?

              Gwolf
              – Informationen zu den Bewertungsregeln

              salve
              shit... klappt nicht...
              d.h. beim ersten mal springt`s raus, bei reload der seite im browser funktionierts dann aber???
              warum???
              beim neuaufruf wieder nicht, erst nach reload der seite...

              http://www.designself.de/basic/basicwahl/basicwahl02.htm
              dann dropdown-menue: designwahl1 und basicdesigns1 wählen...

              noch ne frage: wenn ich die funktionen in externes js packe, wo anderes ist, dann geh tgar nix mehr, dann springt die seite auch bei reload immer an den browserrand oben... d.h. der ankerpunkt springt an die oberkante des browserfensters...????

              ...
              liegts an diesem jump-menue?
              geht das einfacher mit purem javascript?

              und tschüss

              --
              Gwolf
              Beitrag melden
              –
              Informationen zu den Bewertungsregeln