gary: Teil von href auswechseln ?

Hi to all,

Angenommen ich habe eine href - Anweisung:

<a href="http://www.beispiel/12345/muster" onclick="PicViewer(this.href); return false">
<img border="0" src="Forward_00.jpg" width="60" height="45" alt="" >

Wäre folgendes denkbar:

<a href="http://www.beispiel/"+ Variable +"/muster"

Wobei für Variable (hier 12345) per JavaScript die Werte in der Funktion um eins erhöht werden sollen (dann quasi 12346 usw.).

Gruss gary

  1. Angenommen ich habe eine href - Anweisung:

    <a href="http://www.beispiel/12345/muster" onclick="PicViewer(this.href); return false">

    Ja, gut.

    <img border="0" src="Forward_00.jpg" width="60" height="45" alt="" >

    oops, was soll das?

    Wäre folgendes denkbar:

    <a href="http://www.beispiel/"+ Variable +"/muster"

    "denkbar" - sicher, aber was meinst du damit?

    Wobei für Variable (hier 12345) per JavaScript die Werte in der Funktion um eins erhöht werden sollen (dann quasi 12346 usw.).

    Wenn du klarer ausdrücken würdest was du konkret willst, könnte man dir vielleicht helfen.

    Struppi.

    1. Hi Marcel und Struppi,

      <img border="0" src="Forward_00.jpg" width="60" height="45" alt="" »» oops, was soll das?

      Ignorier es !Wollte ein Buttom Forward machen. Aber das reicht auch noch später. Hab zu Testzwecken einen ganz normalen Link eingebaut.

      Code ist:

      <html>
      <head>
      <title>URL-Quick-Surfer</title>
      <script type="text/javascript">

      Frontnetpart ="http://www.beispiel.de/"
      Middlenetpart = 1
      Lastnetpart = "/muster/blank.htm"

      function PicViewer (Adresse) {
        MeinFenster = window.open(Adresse, "ZoomDisplay", "width=460,height=360,left=100,top=200");
        MeinFenster.focus();
        Middlenetpart = Middlenetpart + 1

      }

      </script>
      </head>
      <body>
      <h1>For easy-surfing press Forward</h1>
      <p>
        <a href= "Frontnetpart + Middlenetpart + Lastnetpart" onclick="PicViewer(this.href); return false">Forward
      </a>
      </p>

      Also kurz gesagt soll der href-Befehl aus den drei Variablen (Frontnetpart/Middlenetpart/Lastnetpart) zusammengesetzt werden.

      Gruss gary

      1. <a href= "Frontnetpart + Middlenetpart + Lastnetpart" onclick="PicViewer(this.href); return false">Forward
        </a>

        Das ist Unsinn, du kannst kein JS code in HTZML Code einbauen.

        Also kurz gesagt soll der href-Befehl aus den drei Variablen (Frontnetpart/Middlenetpart/Lastnetpart) zusammengesetzt werden.

        Es gibt keine href Befehle.
        Was möchtest du erreichen?

        Du kannst doch im JS Part die 3 JS Variabeln einfach so wie du es möchtest zusammenfügen, wo ist das Problem?

        Struppi.

        1. Wenn das so eine Art Galerie werden soll ist JavaScript für den
           Zweck nur bedingt geeignet - weils ja ohne JavaScript nicht
          mehr funktionieren würde. Hier bietet sich dann z.B. php an.

          Falls Du aber auf eine JavaScript-Lösung setzen willst, dann
          könntest Du hergehen und den Seiten einen Parameter dranhängen
          z.B. ?id=10. Mittels einem Script wird dann dem Link 'forwardLink'
          eine neue href verpasst - nach dem Laden (also parameter + 1).
          Sähe ungefähr so aus:

            
          <script type="text/javascript">  
          var countUp = function()  
          {  
           var domain = 'http://www.beispiel.de/';  
           var datei = '/muster/blank.htm';  
           var needle = '?id=';  
           var para = window.location.search;  
           if (para.indexOf(needle) != -1) {  
            var nr = (Number(para.substr(needle.length, para.length)))+1;  
            newUrl = domain + nr + datei + needle + nr;  
            document.getElementById('forwardLink').href = newUrl;  
           }  
          }  
          window.onload = countUp;  
          </script>  
          
          

          <a href="#" id="forwardLink">forward</a>

          Ist es das was Du erreichen willst?

          1. Ist es das was Du erreichen willst?

            Ich? Nö.

            Struppi.

            1. Ist es das was Du erreichen willst?

              Ich? Nö.

              Struppi.

              Öh, das war an gary gerichtet. :)

          2. Hi nochmal,

            Ich glaube nein, nicht ganz. Schau mal bei der anderen Antwort von mir (ich muss mir mal zeigen lassen wie man innerhalb des Forums verlinkt), dort habe ich ein Beispiel aufgeschrieben.

            Trotzdem Danke

            Gruss gary

            1. Hi nochmal,

              Ich glaube nein, nicht ganz. Schau mal bei der anderen Antwort von mir (ich muss mir mal zeigen lassen wie man innerhalb des Forums verlinkt), dort habe ich ein Beispiel aufgeschrieben.

              Trotzdem Danke

              Gruss gary

              Achso ja, jetzt dämmerts langsam :). In dem Fall müsstest Du der
              Funktion gar nichts übergeben, sondern nur neu zusammenstückeln.
              Aber wenn der User JavaScript aus hätte, sähe es wieder mau aus.

                
              <html>  
              <head>  
              <title>URL-Quick-Surfer</title>  
              <script type="text/javascript">  
                
              Frontnetpart ="http://www.beispiel.de/"  
              Middlenetpart = 1  
              Lastnetpart = "/muster/blank.htm"  
                
              function PicViewer () {  
                Adresse = Frontnetpart + Middlenetpart + Lastnetpart;  
                MeinFenster = window.open(Adresse, "ZoomDisplay", "width=460,height=360,left=100,top=200");  
                MeinFenster.focus();  
                Middlenetpart = Middlenetpart + 1  
              }  
              </script>  
              </head>  
              <body>  
              <h1>For easy-surfing press Forward</h1>  
              <p>  
                <a href="#" onclick="PicViewer(); return false">Forward</a>  
              </p>  
              </body>  
              </html>  
              
              
              1. Hi Marcel,

                Und wieder wurde ein Problem dank selfhtml und Dir gelösst.

                Geht einwandfrei :-))).

                Dann werd ich noch ne Backwardfunktion basteln. Damit ich auch wieder zurück kann.

                Tausend Dank gary

                1. Hi Marcel,

                  Und wieder wurde ein Problem dank selfhtml und Dir gelösst.

                  Geht einwandfrei :-))).

                  Dann werd ich noch ne Backwardfunktion basteln. Damit ich auch wieder zurück kann.

                  Tausend Dank gary

                  Bitteschön :).
                  Backward-Funktion könntest Du auch gleich mitrein packen:

                    
                  <script type="text/javascript">  
                    
                  Frontnetpart ="http://www.beispiel.de/"  
                  Middlenetpart = 1  
                  Lastnetpart = "/muster/blank.htm"  
                    
                  function PicViewer (direction) {  
                    Adresse = Frontnetpart + Middlenetpart + Lastnetpart;  
                    MeinFenster = window.open(Adresse, "ZoomDisplay", "width=460,height=360,left=100,top=200");  
                    MeinFenster.focus();  
                    Middlenetpart = (direction == 'forward')? Middlenetpart + 1: Middlenetpart - 1;  
                    Middlenetpart = (Middlenetpart<1)?1:Middlenetpart;  
                  }  
                  </script>
                  
                    
                  <a href="#" onclick="PicViewer('back'); return false">Backward</a>  
                  <a href="#" onclick="PicViewer('forward'); return false">Forward</a>  
                  
                  
                  1. Middlenetpart = (direction == 'forward')? Middlenetpart + 1: Middlenetpart - 1;

                    Das schreibt man besser so:
                    Middlenetpart += (direction == 'forward')? 1: - 1;

                    Struppi.

                    1. Hi nochmal an beide,

                      Danke für Euren Einsatz. War aber bereits schon fertig.
                      Oben:

                      function PicViewerPlus () {
                        Adresse = Frontnetpart + Middlenetpart + Lastnetpart;
                        MeinFenster = window.open(Adresse, "ZoomDisplay", "width=460,height=360,left=100,top=200");
                        MeinFenster.focus();
                        Middlenetpart = Middlenetpart + 1
                      }

                      function PicViewerMinus () {
                        Adresse = Frontnetpart + Middlenetpart + Lastnetpart;
                        MeinFenster = window.open(Adresse, "ZoomDisplay", "width=460,height=360,left=100,top=200");
                        MeinFenster.focus();
                        Middlenetpart = Middlenetpart - 1
                      }

                      und unten:

                      <p>
                      <a href="#" onclick="PicViewerPlus (); return false">Forward</a>
                      </p>
                      <p>
                      <a href="#" onclick="PicViewerMinus (); return false">Backward</a>
                      </p>

                      Was ich noch fragen wollte: Was macht das Gatter "#" im href- Befehl ?

                      Grüsse gary

                      1. Seid gegrüßt!

                        Was ich noch fragen wollte: Was macht das Gatter "#" im href- Befehl ?

                        Das # im href bedeutet, dass es sich um einen Anker handelt. In diesem speziellen Falle ist es ein leerer Anker und er füht an den oberen Teil einer Seite.

                        --
                        Bis Später
                        RuD
                        ________________________________________________________________
                        SelfCode: ie:% fl:( br:^ va:) ls:< fo:| rl:( n4:& ss:) de:> js:| ch:| mo:| zu:)
                        1. Morgen RuD,

                          Danke für die Unterweisung. :-)

                          Gruss gary

        2. Hi Struppi,

          Es ist so gedacht:
          Man klickt auf den Link, ein neues Fenster ofnet sich. Der neu Fensterinhalt besteht aus den zusammengesetzten Variabeln. Man klickt erneut auf Forward und der Fensterinhalt ändert sich, weil die Url in der Mitte um eins erhöht wurde.

          Also
          1. Forwardklick = www.beispiel.de/1/dokument.htm
          2. Forwardklick = www.beispiel.de/2/dokument.htm

          Natürlich könnte ich die URL alle einzeln programieren, aber bei 500 oder 1000 wäre dies sehr aufwendig.

          Hoffe es ist klar geworden was das mini Prog. machen soll.
          Und wenn ich es dann besser kann, kommt noch eine Backward Funktion dazu.

          Wenn ich z. B. viele Dateien auf dem Server habe, kann ich im Browserfenster sehr komfortabel die .htm vergleichen, auch wenn diese in unterschiedlichen Ordner liegen. Ein Bequemlichkeitstool sozusagen.

          Gruss gary

  2. Wobei für Variable (hier 12345) per JavaScript die Werte in der Funktion um eins erhöht werden sollen (dann quasi 12346 usw.).

    Hi,
    wenn ich das richtig verstanden habe, meinst Du wohl etwas in die Richtung:

      
    <script type="text/javascript">  
    var PicViewer = function (url)  
    {  
     //var domain = window.location.host;  
     var domain = 'http://www.beispiel.de';  
     var pfad = url.substr(domain.length, url.length);  
     var urlParts = pfad.split('/');  
     var urlRest = '';  
     if (urlParts.length > 1) {  
      for(i=2;i<urlParts.length;i++){  
       urlRest += '/' + urlParts[i];  
      }  
     }  
     var newUrl = domain + '/' + (Number(urlParts[1])+1) + urlRest;  
     alert(newUrl);  
    }  
    </script>
    
      
    <a href="http://www.beispiel.de/12345/muster/trallala/trallali/index.html" onclick="PicViewer(this.href); return false">test</a>  
    
    

    Gruß
    Marcel