[JavaScript] Scriptbanner Rotation

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Diversity, 22. März 2008 .

Schlagworte:
  1. 22. März 2008
    Scriptbanner Rotation

    Ist es eigentlich möglich, Script Banner rotieren zu lassen?

    Also keine herkömmlichen Banner bestehend aus "a href" und "img" Tag, sondern <javascript> und am Ende <noscript>...
     
  2. 22. März 2008
    AW: Scriptbanner Rotation

    ja ist es.

    Code:
    <a href="#" id="dbanner"><img src="bild_zu_link1.jpg" /></a>
    Code:
    var dBanner = document.getElementById('dbanner');
    function rotate(link, src) {
     dBanner.href = link;
     dBanner.firstChild.src = src;
     setTimeout('rotate("http://google.de", "bild_zu_google.jpg");', 1000);
    }
    
    rotate('http://raidrush.ws', 'bild_zu_rr.jpg');
    um das ganze ein wenig vielfältiger zu machen, legst du einfach ne liste an mit bildern und links.
     
  3. 22. März 2008
    AW: Scriptbanner Rotation

    Das überfordert mich grad doch etwas. ;(
    Wie stell ich das denn konkret mit diesen zwei Bannern an?

    Banner 1

    <script type="text/javascript" src="http://xxx.com/js/xxx.js"></script>
    <script type="text/javascript" src="http://xxx.com/js?wp_id=xxxxx"></script>
    <noscript><a href="http://xxx.com/click?sid=xxxxx&ts=[timestamp]">
    <img src="http://xxx.com/banner?sid=xxxxx&ts=[timestamp]" border="0"></a></noscript>


    Banner 2

    <script type="text/javascript" src="http://xxx.com/js/xxx.js"></script>
    <script type="text/javascript" src="http://xxx.com/js?wp_id=xxxxx"></script>
    <noscript><a href="http://xxx.com/click?sid=xxxxx&ts=[timestamp]">
    <img src="http://xxx.com/banner?sid=xxxxx&ts=[timestamp]" border="0"></a></noscript>
     
  4. 22. März 2008
    AW: Scriptbanner Rotation

    Code:
    code = new Array();
    code[] = '<script type="text/javascript" src="....."></script>';
    code[] = '<script>..</script>';
    
    function randomize() {
     document.getElementById('banner').innerHTML = code[randomzahl]; // randomzahl musste erst noch festlegen :P - bspweise Math.random(); 
    }
    
    Ginge das nicht einfach so?^^
     
  5. 22. März 2008
    AW: Scriptbanner Rotation

    jein. </?script> musst extra machen: (oder n cdata drum rum machen)
    Code:
    code[0] = '<sc' + 'ript type="text/javascript" src="...">' + '</sc' + 'ript>';
    wobei ich lieber das src attribut ändern würde (spaart schreibarbeit und ist auch im xhtml valid wo eigentlich sachen wie write() und innerHTML ned existieren [wobei man eh nur moderne browser dazu bekommt ein xhtml-dokument richtig zu interpretieren -> ie7 kanns auch ned])
     
  6. 22. März 2008
    AW: Scriptbanner Rotation

    Sieht dann so aus @ Telefonzelle

    {bild-down: http://www.pic-share.eu/image/20080322/69b5aab67d.}
     
  7. 22. März 2008
    AW: Scriptbanner Rotation

    mein posting gelesen? wenn ja würde das ned passieren.
     
  8. 22. März 2008
    AW: Scriptbanner Rotation

    Sorry, das ganze ist für mich irgendwie ein Buch mit 7 Siegeln...

    Code:
    code = new Array();
    code[] = '<sc' + 'ript type="text/javascript" src="http://xxx.js">' + '</sc' + 'ript>'
    <sc' + 'ript type="text/javascript" src="http://xxxjs">' + '</sc' + 'ript>'
    <noscript><a href="http://xxx=[timestamp]">
    <img src="http://xxx=[timestamp]" border="0"></a></noscript>';
    code[] = '<sc' + 'ript type="text/javascript" src="http://xxx.js">' + '</sc' + 'ript>
    <sc' + 'ript type="text/javascript" src="http://xxx">' + ' </sc' + 'ript>'
    <noscript><a href="http://xxx=[timestamp]">
    <img src="http://xxx=[timestamp]" border="0"></a></noscript>';
    
    function randomize() {
     document.getElementById('banner').innerHTML = code[Math.random()]; 
    }
    
    Funktioniert leider nicht ;(
     
  9. 22. März 2008
    AW: Scriptbanner Rotation

    Code:
    var code = [ 
     //des ganze zeug kannst ja via php ausgeben.
     '<sc' + 'ript type="text/javascript" src="1.js">' + '</sc' + 'ript>',
     '<sc' + 'ript type="text/javascript" src="2.js">' + '</sc' + 'ript>',
     '<sc' + 'ript type="text/javascript" src="3.js">' + '</sc' + 'ript>',
     '<sc' + 'ript type="text/javascript" src="4.js">' + '</sc' + 'ript>',
     '<sc' + 'ript type="text/javascript" src="5.js">' + '</sc' + 'ript>',
     '<sc' + 'ript type="text/javascript" src="6.js">' + '</sc' + 'ript>',
    ], max = code.length;
    
    function rotate(interval) {
     this.i = 0;
     this.init(interval);
    }
     
    rotate.prototype.init = function(interval) {
     var self = this;
     this.intervalTime = interval || 1000;
     this.interval = setInterval(function() {
     self.showAd();
     }, this.intervalTime);
    }
    
    rotate.prototype.showAd = function() {
     var useCode = code[this.i];
     if(this.i < max) {
     document.write(useCode);
     this.i++;
     } else {
     this.i = 0;
     clearInterval(this.interval);
     this.init(this.intervalTime);
     }
    }
    
    new rotate(1000);
    sollte klappen. das no-script kannst dir sparen.
     
  10. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.