Ergebnis 1 bis 13 von 13
  1. #1
    th_wolfgang ist offline Routinier
    registriert
    06-01-2014
    Beiträge
    379

    Positionen bei Links

    Hallo,

    ich habe in einer Webseite ein iFrame alle Links werden im iFrame aufgerufen, leider bleibt wenn ich z.B. im Footer einen Link tätige die Position des Bildschirmes (Footer) erhalten und ich springe nicht zum oben liegenden iFrame.

    Gibt es da ein JavaScript für? Oder wie kann ich das machen?

    Danke & LG
    Wolf

  2. #2
    Avatar von TecEye
    TecEye ist offline König
    registriert
    28-01-2012
    Beiträge
    795

    AW: Positionen bei Links

    kannst ja mit nem #anker arbeiten, oder scrollTop mit jQuery bemühen

  3. #3
    th_wolfgang ist offline Routinier
    registriert
    06-01-2014
    Beiträge
    379

    AW: Positionen bei Links

    Hallo,

    ja bin schon am testen, habe aber noch nix brauchbares gefunden, bei klick auf einen Link soll, egal bei welchem Link der Webseite an eine Div gescrollt werden... verstehe nicht das dies bei mir nicht funktionieren will :/

    LG wolf

  4. #4
    Avatar von TecEye
    TecEye ist offline König
    registriert
    28-01-2012
    Beiträge
    795

    AW: Positionen bei Links

    Code:
    $('body').scrollTo('#target');

  5. #5
    th_wolfgang ist offline Routinier
    registriert
    06-01-2014
    Beiträge
    379

    AW: Positionen bei Links

    Hallo,

    danke leider geht das auch nicht, passiert garnix... außer das der Link dann auch nicht mehr funktioniert.
    evtl. deswegen? ich habe bereits eine Linkumleitung drin...

    HTML-Code:
    <script type="text/javascript">
    $(document).ready(function(){
       $('a').attr('target', 'icontent');
    });
    </script>
    LG & Danke wolf
    Geändert von mikdoe (13-08-2015 um 05:48 Uhr) Grund: HTML Tags

  6. #6
    Avatar von TecEye
    TecEye ist offline König
    registriert
    28-01-2012
    Beiträge
    795

    AW: Positionen bei Links

    ja geb dem iframe ne id und hau meinen code in deine anonyme function

  7. #7
    th_wolfgang ist offline Routinier
    registriert
    06-01-2014
    Beiträge
    379

    AW: Positionen bei Links

    Danke Receye,

    macht er leider auch nicht... bleibt brav am Footer oder einer anderen Linkposition kleben, man merkt nicht mal das viel weiter oben alles schon geladen wurde...
    ich habe wie du sagtest die Scripts lediglich kombiniert:


    Code:
    <script type="text/javascript">
    $(document).ready(function(){
       $('a').attr('target', 'icontent');
       $('body').scrollTo('target', 'icontent');
    });
    </script>
    LG Wolf

  8. #8
    Avatar von TecEye
    TecEye ist offline König
    registriert
    28-01-2012
    Beiträge
    795

    AW: Positionen bei Links

    wenn dein iframe die id "icontent" hat dann so
    Code:
    <script type="text/javascript">
    $(document).ready(function(){
       $('a').attr('target', 'icontent');
       $('body').scrollTo('#icontent');
    });
    </script>

  9. #9
    th_wolfgang ist offline Routinier
    registriert
    06-01-2014
    Beiträge
    379

    AW: Positionen bei Links

    danke,

    leider auch kein Erfolg, der bleibt stur stehen wo der Lins sitzt...

    LG & Danke wolf

  10. #10
    Avatar von TecEye
    TecEye ist offline König
    registriert
    28-01-2012
    Beiträge
    795

    AW: Positionen bei Links

    darf ich mal den rest sehen von deinem html? kann ja alles nicht sein, ansonsten mit ner fixen position
    ach man denkfehler sorry, kannst ja kein scroll beim seitenaufruf laufen lassen sondern erst wenn es getriggert wird
    Code:
    <script type="text/javascript">
    $(document).ready(function(){
       $('a').attr('target', 'icontent');
       $('a').click(function(){ $('body').scrollTo('#icontent'); });
    });
    </script>
    sorry

  11. #11
    th_wolfgang ist offline Routinier
    registriert
    06-01-2014
    Beiträge
    379

    Arrow AW: Positionen bei Links

    danke Teceye

    Ich packe mal die Standart Template hier rein...


    Code:
    <!DOCTYPE html>
    <!--[if IE 8]> <html class="ie8"> <![endif]-->
    <!--[if IE 9]> <html class="ie9"> <![endif]-->
    <!--[if !IE]><!--> <html> <!--<![endif]-->
        <head>
    <script type="text/javascript">
    $(document).ready(function(){
       $('a').attr('target', 'icontent');
      $('body').scrollTo('target', 'icontent'); 
    });
    </script>
    
            <title>Titel</title>
            <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    
    <!-- <BASE TARGET="CONTENT"> -->
    
    <script type="text/javascript">
    (function (root, factory) {
      var $ = root.jQuery;
    
      if (typeof define === 'function' && define.amd) {
        // AMD
        if ($) {
          define([], factory.bind(null, $));
        }
        else {
          define(['jquery'], factory);
        }
      } else if (typeof exports === 'object') {
        // Node, CommonJS-like
        if ($) {
          module.exports = factory($);
        }
        else {
          module.exports = factory(require('jquery'));
        }
      } else {
        // Browser globals (root is window)
        if ($) {
          root.setIframeHeight = factory($);
        }
        else {
          throw 'Missing required jQuery dependency';
        }
      }
    }(this, function ($) {
      /************** EVENT BINDINGS **************/
    
      $(window).
        bind('setIframeHeight', onSetIframeHeight).
        bind('message', onMessage);
    
    
      /************** PUBLIC INTERFACE **************/
    
      var that = {
        setHeight: function(iframeSrc, height, iframeReferrer) {
          height = parseInt(height, 10);
          $(window).trigger('setIframeHeight', [{ iframeSrc: iframeSrc, height: height, iframeReferrer: iframeReferrer }]);
        }
      };
    
      var lastHeights = {};
    
      var _idCounter = 0;
    
      /************** PRIVATE VARS AND FUNCTIONS **************/
    
      function findIframeBySrc(src) {
        var bestMatchingIframe = null;
    
        $('iframe').each(function(idx, iframe) {
    
          var $iframe = $(iframe);
          var iframeSrc = $iframe.attr('data-iframeAutoHeight-currentSrc') || iframe.src;
          if (iframeSrc) {
            if (iframeSrc.indexOf('/') === 0) {
              iframeSrc = getHostForUrl(document.location.href) + iframeSrc;
            }
            if (iframeSrc === src) {
              bestMatchingIframe = iframe;
            }
          }
    
          if (!$iframe.data('setIframeHeight_id')) {
            $iframe.data('setIframeHeight_id', getNextId());
          }
        });
    
        return bestMatchingIframe;
      }
    
      function getNextId() {
        return ++_idCounter+'';
      }
    
      function getHostForUrl(url) {
        var matches = url.match(/https?:\/\/.[^/]+/) || [];
        return matches[0];
      }
    
      function onSetIframeHeight(e, data) {
        var iframe = findIframeBySrc(data.iframeSrc);
    
        if (!iframe && data.iframeReferrer) {
          iframe = findIframeBySrc(data.iframeReferrer);
        }
        if (iframe) {
          var $iframe = $(iframe);
          var $window = $(window);
    
          $iframe.height(data.height);
          $iframe.attr('data-iframeAutoHeight-currentSrc', data.iframeSrc);
    
          iframeId = $iframe.data('setIframeHeight_id');
          var lastHeight = lastHeights[iframeId];
          var height = data.height;
          if (lastHeight === undefined) {
            $window.trigger('setIframeHeight:determined', data);
          }
          else if (lastHeight > height) {
            $window.trigger('setIframeHeight:shrinked', data);
          }
          else if (lastHeight < height) {
            $(window).trigger('setIframeHeight:enlarged', data);
          }
    
          lastHeights[iframeId] = height;
    
          if (window.history.replaceState && $iframe.attr('data-iframeAutoHeight-deepLinkPattern')) {
            var parentUrl = $iframe.attr('data-iframeAutoHeight-deepLinkPattern').replace(/%deepLinkIframeSrc%/, encodeURIComponent(data.iframeSrc));
            if (document.location.href !== parentUrl) {
              window.history.replaceState({}, '', parentUrl);
              $(window).trigger('setIframeHeight:deepLink:changed', {
                childUrl: data.iframeSrc,
                parentUrl: parentUrl
              });
            }
          }
        }
      }
    
      function onMessage(e) {
        var data = e.originalEvent.data;
        if (data.indexOf('::')) {
          var data = data.split('::');
          if (data.length === 2 && data[0] === 'setIframeHeight') {
            var params = $.parseJSON(data[1]);
            that.setHeight(params.iframeSrc, params.height, params.iframeReferrer);
          }
        }
      }
    
      return that;
    }));
    </script>
    <!-- iFrame Parent-->
    
    <script>
    jQuery(window)
    
      // triggered whenever the iframe got shrinked
      .on('setIframeHeight:shrinked', function (e, data) {
          console.log('iframe shrinked', data);
          window.scroll(0,0);
      })
    
      // triggered whenever the iframe got enlarged
      .on('setIframeHeight:enlarged', function (e, data) {
          console.log('iframe enlarged', data);
      })
    
      // triggered whenever the deep link is changed
      .on('setIframeHeight:deepLink:changed', function(e, data) {
        console.lg(data);
        
      })
    </script>
    
    
    
    
            <meta charset="utf-8">
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
            <title>Responsive shop for Phones</title>
            <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
            <link rel="icon" type="image/ico" href="/favicon.ico" />
            <meta name="description" content="Smartphone Versand mit H&auml;ndlerrabatten">
            <!--[if IE]> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <![endif]-->
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
            <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic%7CPT+Gudea:400,700,400italic%7CPT+Oswald:400,700,300' rel='stylesheet' id="googlefont">
    
            <link rel="stylesheet" href="/css/bootstrap.min.css">
            <link rel="stylesheet" href="/css/font-awesome.min.css">
            <link rel="stylesheet" href="/css/prettyPhoto.css">
            <link rel="stylesheet" href="/css/colpick.css">
            <link rel="stylesheet" href="/css/revslider_mc.css">
            <link rel="stylesheet" href="/css/owl.carousel.css">
            <link rel="stylesheet" href="/css/style.css">
            <link rel="stylesheet" href="/css/responsive.css">
    
    <script type="text/javascript" src="/assets/wow.js"></script>
    <script type="text/javascript" src="/assets/Countdown.js"></script>
    <link rel="stylesheet" type="text/css" href="/assets/animate.css">
    
    
            <!-- Favicon and Apple Icons -->
            <link rel="icon" type="image/png" href="/images/icons/icon.html">
            <link rel="apple-touch-icon" sizes="57x57" href="/images/icons/apple-icon-57x57.html">
            <link rel="apple-touch-icon" sizes="72x72" href="/images/icons/apple-icon-72x72.html">
    
            <!--- jQuery -->
            <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
            <script>window.jQuery || document.write('<script src="/js/jquery-1.11.0.min.js"><\/script>')</script>
                    <!--[if lt IE 9]>
                            <script src="/js/html5shiv.js"></script>
                            <script src="/js/respond.min.js"></script>
                    <![endif]-->
    
                    <style id="custom-style">
    
                    </style>
    <!-- Kopieren bitte -->
    <!--========== Maus ==========-->
    <!--script type="text/javascript">
        function taste (t) {
        if (!t)
          t = window.event;
          if ((t.type && t.type == "contextmenu") ||
            (t.button && t.button == 2) || (t.which && t.which == 3)) {
            if (window.opera)
              window.alert("Speichern nicht erlaubt.");
              return false;
          }
        }
        if (document.layers)
          document.captureEvents(Event.MOUSEDOWN);
          document.onmousedown = taste;
          document.oncontextmenu = taste;
       </script-->
    
    <!--Ende Maus ==========-->
    
    <!-- WOW Effekte-->
    <script src="/js/wow.min.js"></script>
    <script>
     new WOW().init();
    </script>
    
    <script>
        wow = new WOW(
          {
            animateClass: 'animated',
            offset:       100,
            callback:     function(box) {
              console.log("WOW: animating <" + box.tagName.toLowerCase() + ">")
            }
          }
        );
        wow.init();
        document.getElementById('moar').onclick = function() {
          var section = document.createElement('section');
          section.className = 'section--purple wow fadeInDown';
          this.parentNode.insertBefore(section, this);
        };
    </script>
    <!-- Ende WOW Effekte-->
    
        </head>
        <body>...
    Komplett bekomme ich die nicht unter...

    Der Text, den Sie eingegeben haben, besteht aus 89470 Zeichen und ist damit zu lang. Bitte kürzen Sie den Text auf die maximale Länge von 20000 Zeichen.
    Evtl. noch der iFrame-Part: hoffe das geben die mir noch an Zeichen...:

    Code:
    <div class="container">
    <SECTION>
    
    <!--iFrame Test-->
    <iframe id="icontent"  name="icontent" width="100%"  scrolling="no" 
    src = "/index.php" >
    </iframe>
    <!--iFrame Test-->
    
    
    <!--/div -->
    
    </section>
    </div>

    LG und besten Dank Wolf
    Geändert von th_wolfgang (30-09-2015 um 08:23 Uhr) Grund: Tags repariert

  12. #12
    Avatar von TecEye
    TecEye ist offline König
    registriert
    28-01-2012
    Beiträge
    795

    AW: Positionen bei Links

    da ist noch der alte code drin, bitte den neuen versuchen

  13. #13
    th_wolfgang ist offline Routinier
    registriert
    06-01-2014
    Beiträge
    379

    AW: Positionen bei Links

    Hallo,

    den hatte ich bereits drin, der funktioniert leider auch nicht

    LG wolf

Ähnliche Themen

  1. zwei Positionen beim iFrame
    Von th_wolfgang im Forum JavaScript
    Antworten: 6
    Letzter Beitrag: 10-08-2015, 19:20
  2. Suchen und Ersetzen (Positionen)
    Von DiamondDog im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 08-03-2009, 14:41
  3. SQL Positionen Ordnen
    Von forwardpoint im Forum Serverseitige Programmierung
    Antworten: 11
    Letzter Beitrag: 18-02-2009, 17:29
  4. Mouse positionen ermitteln
    Von koryu im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 16-07-2006, 23:15
  5. dialogfenster positionen
    Von antiheld2000 im Forum Windows
    Antworten: 2
    Letzter Beitrag: 15-07-2003, 20:16

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •