|
|
Weiterleitung |
|
| Automatisches
Weiterleiten nach xx Sekunden |
|
Wird nachfolgender HTML-Code in ein HTML-Dokument,
sinnvollweise gleich unterhalb der vorhandenen Meta-Tags, eingebunden,
erfolgt eine automatische Weiterleitung... |
|
|
<meta http-equiv="refresh" content="xx; URL=Seite2.htm">
Für xx ist die Anzahl an Sekunden einzutragen. In diesem Beispiel
wird dann nach xx Sekunden auf eine Seite2.htm umgeleitet. |
|
|
Link-Rahmen |
|
| Anzeige
von Windows-typischen Linkrahmen verhindern |
|
Wegen der direkten Verwandschaft zum Windows-Explorer
kommt es beim MS Internetexplorer zu einer unangenehmen Eigenschaft:
Angeklickte Links werden mit einem dünnen, gepunkteten Rahmen versehen;
(vgl. Focus-Eigenschaft bei Windows). Da dies auf Internetseiten eigentlich
eher stört, kann man diesen Effekt mit einem kleinen Zusatz ausschalten |
| |
Herkömmlich
sieht ein Link im HTML-Quelltext so aus:
Dies ist ein <a href="seite.htm">
Link </a>
Folgender Zusatz bewirkt, dass der störende Rahmen beim Anklicken
nicht angezeigt wird:
Dies ist ein <a href="seite.htm"
onclick="this.blur();"> Link </a>
|
|
|
Sound |
|
| Seite
mit Hintergrundmusik versehen |
HTML bietet auch die Möglichkeit, die eigene Homepage mit etwas
Musik zu untermalen. Sie sollten aber mit dieser Möglichkeit
nicht übertreiben. Bedenken Sie, dass das Internet überwiegend
kommerziell genutzt wird und dabei ein ständiges "Klirr
und Geblärr" eher störend wirkt und oft zum schnellen
Verlassen der Seite führt. Wer aber die Musik gezielt einsetzt
kann mit dieser Möglichkeit durchaus mehr Aufmerksamkeit erzielen.
|
| |
Voraussetzung dafür ist, dass die Musik als *.WAV-Datei vorliegt.
Dann genügt das Einfügen folgender Code-Zeile
<bgsound src="MeineSounddatei.wav"
loop=x>
Der Zusatz loop=x bewirkt, dass die Datei x-mal hintereinander abgespielt
wird und kann auch weggelassen werden. Ein Schließen der Seite
stoppt immer auch das Abspielen der Musik. |
|
|
Zurück
! |
|
| Hyperlink
auf zuletzt besuchte Seite |
| In
den Standard-HTML-Befehlen ist ein Hyperlink auf die zuletzt besuchte
Seite zunächst nicht vorgesehen. Mit einem kleinen Script-Befehl,
anstelle der Link-Referenz eingetragen, kann dies dennoch so realisiert
werden: |
| |
javascript:history.back();
bzw. im Quelltext:
Auf die letzte Seite <a href="javascript:history.back()">
zurück</a>
|
|
|
Bildschirm |
|
| Eingesetllte
Bildschirmauflösung ermitteln und darauf reagieren |
| Eines
der grundlegenden Probleme beim Gestalten von Internetseiten ist, dass
das Ergebnis abhängig von der verwendeten Bildschirmauflösung
unterschiedlich aussehen kann. Um innerhalb einer HTML-Seite darauf reagieren
zu können, müsste zunächst die verwendete Auflösung
ermittelt werden. |
| |
Entscheidend könnte sein, ob eine Auflösung von 800x600 oder
gar kleiner verwendet wird. Denn da erhöht sich die Wahrscheinlichkeit,
das einzelne Elemente durch die Bildschirmränder abgeschnitten
werden.
Durch Einfügen folgender Zeile im <Script>-Abschnitt...
var kl800 = (screen.width<=800);
wir eine Variable definiert, die "wahr" ist, wenn eine Auflösung
kleiner bzw. gleich 800x600 eingestellt ist. Diese Variable kann dann
wiederum innerhalb einer Funktion, z.B. onload(), verwendet werden,
um auf die kleinere Auflösung zu reagieren:
{ if (kl800) { moveLayer('MLayer1',0,0);
}
(Die Funktion "movelayer" im Beispiel müsste
natürlich definiert sein.... s.u.)
|
|
|
|
Verschieben
|
|
| Bilder
oder andere Elemente am Bildschirm verschieben |
Manchmal kann es wünschenswert
sein, einzelnen Elemente am Bildschirm zu verschieben bzw. exakt zu platzieren.
Wenn Sie z.B. ein Bild immer am rechten Rand positionieren wollen, könnten
Sie zunächst die eingestellte Bildschirmbreite (s.o.) abfragen und
das Bild entsprechend ausrichten.
Für folgende Funktion muss das Element oder Bild sich in einer Ebene
(Layer) befinden: |
| |
function
moveLayer(layername,x,y) // verschiebt Layer auf Koordinaten
x,y
{ layer=getLayer(layername);
if (isMinNS4) { layer.moveTo(x,y); }
if (isMinIE4) { layer.style.left=x; layer.style.top=y; }
}
Diese Funktion setzt voraus, das die externe
Script-Datei JScript.js eingebunden wurde.
|
|
|
Highlight |
|
| Tabellenfelder
beim Überfahren mit der Maus einfärben |
| Wenn sich einzelnen
Tabellenfelder oder -Zeilen beim Berühren mit der Maus einfärben
erhöht das nicht nur die Lesbarkeit, man kann mit etwas Phantasie
damit vollständige Menues aufbauen: |
| |
<body>
<table>
<tr>
<td onMouseOver="this.bgColor='#A1A1A1'"
onMouseOut="this.bgColor='#FFFFFF'"
>
Dies
ist eine Zelle
</td>
<td onMouseOver="this.bgColor='#A1A1A1'"
onMouseOut="this.bgColor='#FFFFFF'"
>
Inhalt
einer weiteren Zelle
</td>
</table>
</body>
d.h. die beiden Farben für Mausberührung und -Verlassen werden
einfach in den
<td> -tag eingebaut.
Sollen ganze Tabellenzeilen bei Mausberührung farblich hervorgehoben
werden, funktioniert dies auch im <tr> -tag. |
| BEISPIEL |
|
|
Newsticker |
|
| Lauftext
in Browser-Statusleiste anzeigen |
| Die
Statusleiste am unteren Rand des Browsers bietet sich auch dazu an,
mit einer Laufschrift auf neuste Nachrichten oder Mitteilungen aufmerksam
zu machen: |
| |
<html>
<head>
>script language="Javascript">
var Mitteilung="Dieser Text ist ein Beispiel";
var start=0;
var stop=Mitteilung.length;
function newsticker()
{ window.status=" "+Mitteilung.substring(start,stop)+Mitteilung.substring(0,start);
start++;
if (start>=stop) {start=0;}
setTimeout("newsticker()",120);
}
</script>
</head>
<BODY onload="newsticker()">
.....
</BODY>
</html>
|
|
|
|
|
| |
|
|
| |
|
|
|
|
|
| |
|
|
| |
|
| |
|
| |
|
| |
|
| |
|
Weiterleitung
- Automatisches Weiterleiten nach xx Sekunden
