Dr. Web Logo. Untertext: Seit 1997.
  • Beste Agenturen
  • Agentur-Standorte von A bis Z 🌇
  • Magazin
  • Newsletter 📩
  • Login
  • Agentur bewerben ✅
  • Kontakt
  • Werben 🎉
  • Sponsored Post
  • Jobs
Menü
  • Beste Agenturen
  • Agentur-Standorte von A bis Z 🌇
  • Magazin
  • Newsletter 📩
  • Login
  • Agentur bewerben ✅
  • Kontakt
  • Werben 🎉
  • Sponsored Post
  • Jobs
  • Werben
  • Gastbeitrag
  • Sponsored Post
  • Kontakt
  • Login
  • Newsletter
Suche
  • Beste Agenturen
  • Agentur-Standorte
      Beste Agenturen Augsburg Altstadt von oben.

      Augsburg

      Blick auf die Mittlere Brücke in Basel bei Sonnenaufgang.

      Basel

      Berlin bei Nacht, Blick von oben Richtung Fernsehturm.

      Berlin

      Das Ruhrstadion in Bochum von oben, bei Sonnenuntergang.

      Bochum

      Bonn von oben, mit Blick auf den Rhein.

      Bonn

      Dortmund von oben Panoramafoto.

      Dortmund

      Blick auf die Elbufer-Promenade Dresdens sowie Frauenkirche und Zwinger.

      Dresden

      Duisburg Innenhafen bei Sonnenuntergang.

      Duisburg

      Düsseldorf von oben mit Blick auf den Fernsehturm.

      Düsseldorf

      Die Skyline von Essen von oben.

      Essen

      Blick von oben auf das Bankenviertel in Frankfurt am Main.

      Frankfurt am Main

      Freiburg Innenstadt vom Münster aus fotografiert mit Blick Richtung Schlossberg und Sonnenuntergang..

      Freiburg im Breisgau

      Hamburg bei Nacht, Blick auf die Speicherstadt.

      Hamburg

      Blick auf das Neue Rathaus, Hannover.

      Hannover

      Agenturen in Innsbruck von oben mit Blick auf die Alpen.

      Innsbruck

      Karlsruhe von oben

      Karlsruhe

      Sonnenuntergang in Köln mit Blick auf den Dom. Im Vordergrund die Hohenzollernbrücke.

      Köln

      Leipzig Innenstadt bei Sonnenuntergang und von oben.

      Leipzig

      München bei Fön mit Blick in die bayerischen Alpen.

      München

      Nürnberg Altstadt Stadtmauer von oben

      Nürnberg

      Blick auf das Flussufer der Innenstadt von Regensburg bei Nacht.

      Regensburg

      Agenturen Salzburg: Blick auf die Altstadt und die Hohensalzburg.

      Salzburg

      Stuttgart von oben.

      Stuttgart

      Wien von oben. Blick auf den Stephansdom.

      Wien

      Zürich von oben.

      Zürich

  • Magazin
    • Content Marketing
    • CSS
    • E-Commerce
    • E-Mail-Marketing
    • Freelancer
    • Fotografie
    • HTML
    • Online-Marketing
    • Responsive Design
    • SEO
    • UX Design
    • Webdesign
    • Website erstellen
    • WordPress
    • Dr. Web Autoren
  • Jobs
Menü
  • Magazin
    • Content Marketing
    • CSS
    • E-Commerce
    • E-Mail-Marketing
    • Freelancer
    • Fotografie
    • HTML
    • Online-Marketing
    • Responsive Design
    • SEO
    • UX Design
    • Webdesign
    • Website erstellen
    • WordPress
    • Dr. Web Autoren
  • Jobs
Agentur eintragen →
Dr. Web Logo. Untertext: Seit 1997.
  • Beste Agenturen
  • Agentur-Standorte
      Beste Agenturen Augsburg Altstadt von oben.

      Augsburg

      Blick auf die Mittlere Brücke in Basel bei Sonnenaufgang.

      Basel

      Berlin bei Nacht, Blick von oben Richtung Fernsehturm.

      Berlin

      Das Ruhrstadion in Bochum von oben, bei Sonnenuntergang.

      Bochum

      Bonn von oben, mit Blick auf den Rhein.

      Bonn

      Dortmund von oben Panoramafoto.

      Dortmund

      Blick auf die Elbufer-Promenade Dresdens sowie Frauenkirche und Zwinger.

      Dresden

      Duisburg Innenhafen bei Sonnenuntergang.

      Duisburg

      Düsseldorf von oben mit Blick auf den Fernsehturm.

      Düsseldorf

      Die Skyline von Essen von oben.

      Essen

      Blick von oben auf das Bankenviertel in Frankfurt am Main.

      Frankfurt am Main

      Freiburg Innenstadt vom Münster aus fotografiert mit Blick Richtung Schlossberg und Sonnenuntergang..

      Freiburg im Breisgau

      Hamburg bei Nacht, Blick auf die Speicherstadt.

      Hamburg

      Blick auf das Neue Rathaus, Hannover.

      Hannover

      Agenturen in Innsbruck von oben mit Blick auf die Alpen.

      Innsbruck

      Karlsruhe von oben

      Karlsruhe

      Sonnenuntergang in Köln mit Blick auf den Dom. Im Vordergrund die Hohenzollernbrücke.

      Köln

      Leipzig Innenstadt bei Sonnenuntergang und von oben.

      Leipzig

      München bei Fön mit Blick in die bayerischen Alpen.

      München

      Nürnberg Altstadt Stadtmauer von oben

      Nürnberg

      Blick auf das Flussufer der Innenstadt von Regensburg bei Nacht.

      Regensburg

      Agenturen Salzburg: Blick auf die Altstadt und die Hohensalzburg.

      Salzburg

      Stuttgart von oben.

      Stuttgart

      Wien von oben. Blick auf den Stephansdom.

      Wien

      Zürich von oben.

      Zürich

Agentur eintragen →
Dr. Web » Webdesign » Javascript – Praxis

Javascript – Praxis

Neue Werbeformen müssen her. Die alten Banner oder PopUps nerven jeden und haben kaum noch Wirkung. Statt aufwändiger Rich-Media-Formate reicht auch ein einfaches JavaScript. Es stellt Besucher wie Sponsoren zufrieden. Live Demo Die Werbung selbst besteht...

Sozial sein
Share on facebook
Share on twitter
Share on linkedin
Share on xing
Share on whatsapp
Share on email
  • Keine Kommentare
Lesedauer: 2 Minuten
  • von Dirk Metzmacher
  • 10. September 2003
Bookmarke mich
Share on pocket

Chris Hortsch Webdesign

SEOlist.IO Frankfurt - SEO-Spezialist & SEO-Freelancer

minddraft AG

WordPress Werkstatt

ARIT Services GmbH

BIZ Digital Marketing

Neue Werbeformen müssen her. Die alten Banner oder PopUps nerven jeden und haben kaum noch Wirkung. Statt aufwändiger Rich-Media-Formate reicht auch ein einfaches JavaScript. Es stellt Besucher wie Sponsoren zufrieden.
Live Demo
Die Werbung selbst besteht aus einer Tabelle mit Text. Natürlich können Sie auch Links oder Bilder einfügen. Die Tabelle ist von einem DIV-Tag eingeschlossen und wird durch style=“visibility:hidden“ nicht angezeigt. Dies ändert sich erst mit dem Befehl onload=initWerbung; im eigentlichen Script.
Diesen Teil kopieren Sie bitte inklusive der DIV-Tags in den <body>-Tag Ihrer HTML-Seite.

  <div id="SponsorWerbung" style="visibility:hidden">
  <table width="450" height="350" bgcolor="#333333"><tr><td>
  <table width="445" height="345" bgcolor="#FFFF00"><tr><td align="center"
  >
  <p><b>Bundle: 300 Tricks - VOL 1.0 + Dr. Web CD-ROM 1.3</b><br><br>
  Aktion bis 12.8.2002: Den Dr. Web Kaffeebecher gibt's GRATIS dazu!<br>
  300 Tricks und keiner weniger...,..., ohne lange Vorreden. Gelb gewinnt!
  </p><p><b>Bitte nehmen Sie sich die Zeit unsere Angebote zu
  erforschen.</b></p>
  <p>(Diese Werbung schließt sich in wenigen Sekunden von selbst)</p><br>
  </td></tr></table></td></tr></table>
  </div> 

Das nachfolgende JavaScript gehört in den <head>-Bereich Ihrer Homepage.

       <style type="text/css">
  <!--
  #SponsorWerbung {position:absolute; height:1; width:1; top:0; left:0;}
  – >
  </style>
  <SCRIPT LANGUAGE="JavaScript1.2"> 

Die Variable Werbezeit bestimmt, wie lange die Werbung angezeigt wird. Gezählt wird in Sekunden.

       Werbezeit=10;
  Werbezahl=1;
  var ns=(document.layers);
  var ie=(document.all);
  var w3=(document.getElementById && !ie);
  adCount=0;
  

Durch onload weiter unten im Script wird die Funktion initWerbung ausgelöst und die Werbung gestartet.

       function initWerbung(){
  if(!ns && !ie && !w3) return;
  if(ie) adDiv=eval('document.all.SponsorWerbung.style');
  else if(ns) adDiv=eval('document.layers["SponsorWerbung"]');
  else if(w3) adDiv=eval('document.getElementById
  ("SponsorWerbung").style');
  randAd=Math.ceil(Math.random()*Werbezahl);
  if (ie||w3)
  adDiv.visibility="visible";
  else
  adDiv.visibility ="show";
  if(randAd==1) zeigWerbung();
  } 

Die Funktion initWerbung löst wiederum die Funktion zeigWerbung aus, die unter anderem die Position der Werbung bestimmt.

       function zeigWerbung(){
  if(adCount<Werbezeit*10){adCount+=1;
  if (ie){documentWidth =document.body.offsetWidth/
  2+document.body.scrollLeft-20;
  documentHeight =document.body.offsetHeight/
  2+document.body.scrollTop-20;}
  else if (ns){documentWidth=window.innerWidth/
  2+window.pageXOffset-20;
  documentHeight=window.innerHeight/
  2+window.pageYOffset-20;}
  else if (w3){documentWidth=self.innerWidth/
  2+window.pageXOffset-20;
  documentHeight=self.innerHeight/
  2+window.pageYOffset-20;}
  adDiv.left=documentWidth-200;
  adDiv.top =documentHeight-200;
  

Die Werbung soll im Beispiel 10 Sekunden lang angezeigt werden. Die 10 Sekunden wurden durch die Variable Werbezeit festgelegt.
Wie aber soll der Computer wissen, wann diese Zeit abgelaufen ist? Hier wurde durch setTimeout bestimmt, dass die Funktion zeigWerbung solange ausgeführt wird, bis der Wert 100 erreicht ist, was innerhalb der Funktion errechnet wird. Dann wird die Funktion Werbung_weg gestartet.

       setTimeout("zeigWerbung()",100);}else Werbung_weg();
  } 

Das Auslösen dieser Funktion läßt die Werbung verschwinden.

       function Werbung_weg(){
  if (ie||w3)
  adDiv.display="none";
  else
  adDiv.visibility ="hide";
  } 

Wie bereits mehrfach oben im Texte erwähnt, wird bei dem Laden der Seite die Funktion initWerbung ausgelöst.

       onload=initWerbung;
    //End-->
    </script>

Hoffen wir, dass den Sponsoren der neue Werbestil gefällt und die Kunden die Notwendigkeit tolerieren.

Wie hilfreich war dieser Beitrag?

Klicke auf die Sterne um zu bewerten!

Durchschnittliche Bewertung 0 / 5. Anzahl Bewertungen: 0

Dirk Metzmacher

Dirk Metzmacher

ist der Herausgegeber des Photoshop-Weblogs, sowie Fachjournalist und Photoshop-Profi, dessen Tutorials seit über 12 Jahren Leser von Fachpublikationen wie Galileo Press, DigitalPhoto, Dr.Web, Print24, PSD-Tutorials oder Noupe von den Grundlagen zum Thema Photoshop bis hin zu professionellen Arbeitsweisen begleitet haben.

Agenturpartner

Khoa Nguyen – Online Marketing Beratung & SEA / Social Ads / SEO Freelancer

München

Critch GmbH – Immobilienkanzlei FREITAG®

München

YOYABA

Hamburg

HELD Werbeagentur

Traunstein

PRIMA LINE

Berlin

Alle Agenturpartner

Jobs

System Engineer – Managed Service

Karlsruhe

Webtexter für SEO Agentur

Salzburg (Österreich)

Senior Online Marketing Manager und stv. Geschäftsführer

Innsbruck

Frontend-Entwickler Angular, React

Bonn

Web Development & Project Management

Remote

Zum richtigen Job

Newsletter

Tipps, Tricks, Ratgeber. Unser Newsletter: Jeden Dienstag frisch gedruckt in Deinem Mail-Postfach.

Lust auf mehr? Wir empfehlen folgende Artikel:

Webdesign Trends 2022: Das erwartet uns

Animation, Interaktion und Immersion: Das neue Jahr bringt zahlreiche Trends im Webdesign mit sich und entwickelt einzelne Bereiche weiter. Bereits jetzt ist klar – in Sachen Webdesign-Trends hat das Jahr 2022 einiges zu bieten.

 →   

Google Fonts sind nicht mehr datenschutzkonform. Was nun?

Mit dem Urteil des Landgerichts München vom 20.01.2022 ist nun auch die Verwendung von Google Fonts über die Fonts API nicht mehr datenschutzkonform. Zeit sich nach einer Lösung umzusehen, wie Du dennoch Google Fonts weiterhin einsetzen kannst.

 →   

Dunkel Design – herzlich willkommen auf Dr. Web

Wir freuen uns, dass Moritz Dunkel mit seiner Agentur DNKL.DSGN aus Köln an Bord ist. Moritz Dunkel von Dunkel Design verstärkt unser Agentur-Netzwerk. Inhaltsstarke Seiten

 →   

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Dr. Web Logo weiss.

Pionier für Digitale Transformation. Seit 1997. ✅  Wissen, Tipps, Ratgeber, Dienstleister: Wir bringen wir die digitale Transformation von Unternehmen praxisnah voran.

Share on facebook
Share on twitter
Share on linkedin
Share on xing
Share on whatsapp
Share on email

Wissen finden

  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs & Karriere
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce
Menü
  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs & Karriere
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce

Rechtliches

  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Nach oben ↑
Menü
  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Nach oben ↑

Für Agenturen & Unternehmer

  • Als Agentur eintragen
  • Beste Agenturen finden
  • Städte: von A bis Z.
  • Agenturen in Augsburg
  • Agenturen in Basel
  • Agenturen in Berlin
  • Agenturen in Bochum
  • Agenturen in Bonn
  • Agenturen in Bremen
  • Agenturen in Dortmund
  • Agenturen in Dresden
  • Agenturen in Duisburg
  • Agenturen in Düsseldorf
  • Agenturen in Essen
  • Agenturen in Frankfurt am Main
  • Agenturen in Freiburg
  • Agenturen in Hamburg
  • Agenturen in Hannover
  • Agenturen in Innsbruck
  • Agenturen in Karlsruhe
  • Agenturen in Köln
  • Agenturen in Leipzig
  • Agenturen in München
  • Agenturen in Münster
  • Agenturen in Nürnberg
  • Agenturen in Offenbach am Main
  • Agenturen in Regensburg
  • Agenturen in Salzburg
  • Agenturen in Stuttgart
  • Agenturen in Wien
  • Agenturen in Zürich
  • Digitalagentur finden
  • Webdesign-Agentur finden
  • Werbeagentur finden
Menü
  • Als Agentur eintragen
  • Beste Agenturen finden
  • Städte: von A bis Z.
  • Agenturen in Augsburg
  • Agenturen in Basel
  • Agenturen in Berlin
  • Agenturen in Bochum
  • Agenturen in Bonn
  • Agenturen in Bremen
  • Agenturen in Dortmund
  • Agenturen in Dresden
  • Agenturen in Duisburg
  • Agenturen in Düsseldorf
  • Agenturen in Essen
  • Agenturen in Frankfurt am Main
  • Agenturen in Freiburg
  • Agenturen in Hamburg
  • Agenturen in Hannover
  • Agenturen in Innsbruck
  • Agenturen in Karlsruhe
  • Agenturen in Köln
  • Agenturen in Leipzig
  • Agenturen in München
  • Agenturen in Münster
  • Agenturen in Nürnberg
  • Agenturen in Offenbach am Main
  • Agenturen in Regensburg
  • Agenturen in Salzburg
  • Agenturen in Stuttgart
  • Agenturen in Wien
  • Agenturen in Zürich
  • Digitalagentur finden
  • Webdesign-Agentur finden
  • Werbeagentur finden
Das große Dr. Web Icon-Set: 970+ Icons, im SVG-Format​

Lade Dir jetzt das Icon-Set
kostenlos herunter ↓

Über 970 Dr. Web-Icons, kostenlos.
Danke nein, ist nichts für mich.
Invalid email address
Vielen Dank! Bitte schau noch in Dein Postfach und bestätige die Anmeldung.