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
      Berlin bei Nacht, Blick von oben Richtung Fernsehturm.

      Berlin

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

      Dresden

      Düsseldorf von oben mit Blick auf den Fernsehturm.

      Düsseldorf

      Blick von oben auf das Bankenviertel in Frankfurt am Main.

      Frankfurt am Main

      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

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

      Köln

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

      München

      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
      Berlin bei Nacht, Blick von oben Richtung Fernsehturm.

      Berlin

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

      Dresden

      Düsseldorf von oben mit Blick auf den Fernsehturm.

      Düsseldorf

      Blick von oben auf das Bankenviertel in Frankfurt am Main.

      Frankfurt am Main

      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

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

      Köln

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

      München

      Stuttgart von oben.

      Stuttgart

      Wien von oben. Blick auf den Stephansdom.

      Wien

      Zürich von oben.

      Zürich

Agentur eintragen →
Dr. Web » JavaScript & jQuery » Javascript Tipps

Javascript Tipps

Verschiedenes zum Thema: Scrollbox, Textmarker, Fehlermeldungen, Experimente, Fehler vermeiden. Spielerei mit Links Eigentlich ist der Hyperlink viel zu wichtig als das man Späße mit ihm treiben dürfte. Wer es trotzdem nicht lassen kann, findet in den Scrollovers...

Sozial sein
Share on facebook
Share on twitter
Share on linkedin
Share on xing
Share on whatsapp
Share on email
  • Keine Kommentare
Lesedauer: 4 Minuten
  • von Dr. Web Redaktion
  • 6. August 2007
Bookmarke mich
Share on pocket

Verschiedenes zum Thema: Scrollbox, Textmarker, Fehlermeldungen, Experimente, Fehler vermeiden.

Spielerei mit Links

Eigentlich ist der Hyperlink viel zu wichtig als das man Späße mit ihm treiben dürfte. Wer es trotzdem nicht lassen kann, findet in den Scrollovers ein neues Betätigungsfeld. Ein damit behandelter Link wechselt bei Mausberührung auf verblüffende Art und Weise, nämlich von oben nach unten, sein Erscheinungsbild. Dafür wird Javascript benutzt. (sl)

Screenshot

Screenshot

Screenshot

PopUp ohne PopUp
PopUps sind doof. Deshalb gibt es PopUp-Blocker und aus diesem Grund dürfen Google-Textanzeigen auch nicht auf Seiten zeigen, die PopUps automatisch öffnen. Dennoch kann es der eine oder andere Seitenbetreiber sinnvoll finden, optische Zusatzfenster zu öffnen, um auf Besonderheiten oder Neuigkeiten im Content hinzuweisen. Am Besten verbunden mit einem kleinen Cookie, das registriert, ob der User das Zusatzfenster gesehen hat, oder nicht.

Screenshot

Die DHTML-Bibliothek Dynamic Drive bietet eine PopUp-Lösung ohne PopUp als kostenlosen Code zum Einbau in die eigene Website an. Das erscheinende Fenster ist ein Teil der Hauptseite und wird von Blockern nicht als PopUp wahrgenommen obwohl es optisch so erscheint. Dabei legt sich ein Grauschleier über die Hauptseite und hebt das Zusatzfenster hervor.

Das Paket besteht aus einer CSS-Datei für das Layout, einer externen JavaScript-Datei für die Konfiguration des Fensters und das setzen des Cookies, zwei Grafiken für das „Schließen“-Kreuz und den Grauschleier sowie einer Handvoll Code-Zeilen für die eigentliche Seite. Im Kurztest funktionierte das Script unter IE und Firefox tadellos. Die Einstellungsmöglichkeiten sind umfassend und gut auskommentiert. (fp)

Chris Heilmann experimentiert mit Javascript und Formularen und stellt uns“Accessible Interdependent Select Boxes“ vor.

Screenshot

Textmarker
Der Google-Cache kann es schon lange… Suchworte werden mit einem Textmarker hervorgehoben. Das ist besonders bei langen Seiten prima für die Übersicht. Warum das nicht auch für die eigenen Seiten realisieren, schließlich schickt Google jede Menge Besucher vorbei? Profunde Anleitungen finden sich bei Iamcal und ALA.

Javascript schnell fehlerfrei
Die berüchtigte Fehlermeldung „… ist kein Objekt“ kennt jeder, der mit Javascript hantiert. Die häufigste Ursache dafür liegt in einer falschen Definition. Wird ein Script direkt im Head-Bereich untergebracht, wird es ausgeführt, sobald es geladen ist. Oft ist der Rest der Seite aber noch nicht so weit. Wird versucht, mit Javascript auf HTML-Elemente zuzugreifen, die noch nicht geladen wurden, zeigt der Browser eine Fehlermeldung. Um das zu vermeiden, bringt man sein Script entweder am Seitenende unter oder deklariert eine eigene Funktion. Diese kann im <BODY>-Tag mit onload= „meinefunktion()“ aufgerufen werden. Der onload-EventHandler startet sie erst, wenn die Seite auch wirklich komplett eingeladen wurde.

Mehr Aufmerksamkeit für lahme Seiten.
Je voller die Startseite gepackt wird, desto mehr interessante Inhalte können Suchmaschinen und Surfer finden. Gerade bei langsamen Servern oder Schmalband-Verbindungen dauert der Seitenaufbau dann lange. Oft wird die Seite darauf geschlossen oder zumindest in einem anderen Browserfenster weitergesurft. Um den Besucher zurück zu gewinnen, kann man ihm Bescheid geben, wenn die Seite endlich fertig geladen ist. Ein onload=“self.focus();“ im <body>-Tag reicht dafür aus. Allerdings ist diese Funktion nicht Browser übergreifend, ein Mozillafenster stellt sich zwar vor alle anderen Mozilla-Fenster, nicht aber vor die des Internet Explorer.

Behälter für Inhalte
Von Dynamic Drive stammt dieses so genannte Ajax Tabs Content Script. Das Ergebnis ist ein Box mit diversen Reitern, die verschiedene Inhalte aufnehmen kann. Angenehm und modern in der Anwendung. Komplett mit allen Sources und via CSS beliebig formatierbar.

Screenshot

Scrollbox
Angus Turnbull ist ein Meister in Sachen DHTML. Seine „Inline HV Scrollbox“ beweist es. Eingebetteter Content, ohne die Unterstützung von Inline Frames. Das Ganze lässt sich mit Hilfe von MouseOver-Links in alle vier Himmelsrichtungen steuern. Sogar mehrere Boxen können auf einer Seite eingesetzt werden. (Autor: Sven Lennartz)

Sprechen Sie Javascript?
Eine einfache und schnelle Methode, um zu testen ob der Browser des Besuchers Javascscript versteht, lässt sich mit einer Weiterleitung per onload-Handler realisieren.

<body onload="window.location.href='index_mit_js.htm'">
    

Die Javascript-freie Seite kann dann von vornherein zum Beispiel auf PopUp-Ausgaben verzichten und immer direkt ein neues Fenster dafür öffnen.

JavaScript Links:

  • Javascript und AJAX Probevideos ansehen
    aus einer Galileo DVD
  • Basic JavaScript
    In this tutorial we’ll be laying some groundwork on the language, and writing our first script.
  • From DHTML to DOM scripting
    An example of how to replace outdated JavaScript techniques
  • Intro to the DOM
    Introduction to the Document Object Model
  • DOM Event Model
    The DOM Event Model
  • Javascript Boot Camp Tutorial
    Amy Hoy gave a 3-hour tutorial session on Javascript fundamentals on Monday, and today posted her entire slide stack, source code, and links.
  • JavaScript Cake
    Tutorials and Scripts
  • Javascript/DHTML Tutorials
    147 Javascript/DHTML Tutorials
  • Javascript in Ten Minutes
    Quick review for programmers
  • JavaScript tutorial
    JavaScript Tutorials
  • JavaScript Tutorial
    JavaScript is used in millions of Web pages to improve the design, validate forms, detect browsers, create cookies, and much more. JavaScript is easy to learn! You will enjoy it!
  • Quick guide to somewhat advanced JavaScript
    Advanced javascript tutorial

Wie hilfreich war dieser Beitrag?

Klicke auf die Sterne um zu bewerten!

Durchschnittliche Bewertung 0 / 5. Anzahl Bewertungen: 0

Dr. Web Redaktion

Dr. Web Redaktion

An einem „Dr. Web Redaktion“ Artikel arbeiten i.d.R. mehrere Autoren, unter anderem Michael Dobler, Markus Seyfferth und Jörg Mrusek.

Agenturpartner

design andrea becker

Frankfurt am Main

PromoMasters Online Marketing

Wien

WPSteinheisser Photography

Ludwigsburg

iPower AG

Berlin

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

München

Alle Agenturpartner

Jobs

Online Marketing Manager

Innsbruck

Junior Online Marketing Manager

München

WordPress Developer – Vollzeit

Remote

Texter / Junior Content Marketing Manager

Innsbruck

Cloud Engineer Container & Kubernetes

Karlsruhe

Zum richtigen Job

Newsletter

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

Lust auf mehr? Wir empfehlen folgende Artikel:

Innovativ: Wix Code beschleunigt die Erstellung von Web-Applikationen massiv

Der Website-Builder Wix bietet künftig auch die Möglichkeit, Code zu schreiben und zu bearbeiten. Das ist aber nicht die größte Neuerung am neuen Produkt Wix

 →   

JavaScript und Suchmaschinen: Das solltest du beachten

Noch vor einigen Jahren war JavaScript mehr als umstritten. Nervige Werbe-Pop-ups führten dazu, dass die Programmiersprache oft ganz grundsätzlich blockiert wurde. Mittlerweile ist JavaScript aus

 →   

Framework jQuery: die Vorteile und Nachteile

Frameworks wie jQuery gehören zu den bekanntesten und weit verbreitetsten Helfer, die auf Websites eingesetzt werden. Das Framework ermöglicht es, schnell und unkompliziert auf HTML-Elemente

 →   

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.