Nützliche Scripts

Erläuterung Beispiel
Browserfenster
Hat man einen # link, um beispielsweise mit Javascript ein neues Fenster zu öffnen (hier Dreamweaver Script), verhindert man mit diesem script im Link, daß die Seite zum Anfang springt

<a href="#" onClick="MM_openBrWindow('FlsExpl/pfade.html','','width=550,height=400'); return false" >

die fett dargestellte Textstelle wird in das Dreamweaver Script eingefügt

; return false

 
Hier eine einfachere Lösung des vorigen Problems, statt des "#" wird folgendes eingefügt "javascript:;"

<a href="#">link</a>

<a href="javascript:;">link</a>
openbrowserWindow Hier das normale open Browser Window Script <a href="#" onClick="window.open('start.htm','','width=600,height=400');return false">openbrowserWindow</a>
Dieses Script im body eignet sich für Seiten die in einem neuen Browserfenster geladen werden, das Fenster erscheint dann im Vordergrund. <body onLoad="if(window.focus) window.focus()" bgcolor="#FFFFFF">
Dieses Script eignet sich für Seiten die in einem neuen Browserfenster geladen werden. Hinter Weite und Höhe des Fensters gibt man mit top und left die Position von der linken, oberen Ecke aus an. Siehe Fenster öffnen <a href="#" onMouseUp="MM_openBrWindow('FlsExpl/pfade.html','','width=550,height=400,top=100,left=220')">

top=100,left=220
Textlink, der ein Browserfenster schließt <a href="javascript:self.close()">Fenster
schliessen</a>
Button, der ein Browserfenster schließt <form>
<input type="button" value="Fenster schliessen" onClick="self.close()" name="button2">
</form>
alles zum Thema neue Fenster öffnen, mehrere Seiten  
mehrere Fenster öffnen und schließen, Forum Pastor Bonus mehrere Seiten  

Detection, Weiterleitung und Navigation

Per Javascript eine Seite in einem Framefenster öffnen.
Wenn man 2 dieser Befehle in eine Funktion einbaut, kann man 2 Seiten gleichzeitig in 2 verschiedenen Framefenstern öffnen.

siehe auch

Siehe auch das Thema in selfhtml
http://de.selfhtml.org

parent.frames['fenstername'].location.href="seite.htm";
andere mögliche Schreibweise
parent.fenstername.location.href="seite.htm";
andere mögliche Schreibweise
parent.frames[0].location.href="seite.htm";
 die Zahl in der eckigen Klammer bezieht sich auf die Reihenfolge der im Frameset definierten Framefenster. Der zuerst definiert Frame ist 0, der zweite 1 etc.

parent.parent.frames['fenstername'].location.href="seite.htm";
Hat man ein Frameset im Frameset, kommt man mit parent.parent eine Stufe tiefer.

Java Erkennung mit Weiterleitung.

Wenn Java deaktiviert ist, wird natürlich auch dieses Script nicht gelesen, deswegen sollte man es auf der Java-deaktiviert-Version-Seite einfügen. Denn dann wird einfach nicht weitergeleitet.

Man könnte aber auch noch eine refresh Weiterleitung anschließend einfügen, denn die wird auch ohne Java ausgeführt.

<SCRIPT LANGUAGE="JavaScript">

<!--
if (navigator.javaEnabled())
window.location.href = "index1.htm";
// -->

</SCRIPT>
Das noscript wird nur angezeigt, wenn Java deaktiviert ist. <noscript>
Ihr Browser unterstützt kein JavaScript. <a href="index2.htm">Hier klicken</a>.
</noscript>
Statuszeilentext <a href="link.htm" onMouseOver="window.status='Statuszeilentext';return true" onMouseOut="window.status='';return true">das ist der link-Text</a>

Zurück Button, der auf vorige Seite springt (mittels history).

 <form>
<input type=button onClick="history.go(-1)" value="Zur&uuml;ck" name="button3">
</form>
zurück per Textlink <a href="javascript:history.go(-1)">zurück</a>
Umleitung nach Bildschirmgrösse if (window.screen){
var w=screen.width
if (w<=640) {
self.location.replace('640.htm')}
else if (w<=800) {
self.location.replace('800.htm')}
else if (w<=1024) {
self.location.replace('1024.htm')}
else {
self.location.replace('sonstige.htm')}
}
Mobile Detection 
		var isMobile = {
	Android: function () {
		return navigator.userAgent.match(/Android/i);
	},
	BlackBerry: function () {
		return navigator.userAgent.match(/BlackBerry/i);
	},
	iOS: function () {
		return navigator.userAgent.match(/iPhone|iPad|iPod/i);
	},
	Opera: function () {
		return navigator.userAgent.match(/Opera Mini/i);
	},
	Windows: function () {
		return navigator.userAgent.match(/IEMobile/i);
	},
	any: function () {
		return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
	}
};
	
	
if (isMobile.any()) {
	alert("Mobile");
}else{
	alert(Desktop Computer!");
}
Seite neu laden <a href="#" onclick="window.location.reload()">Seite neu laden</a>

Seite im übergeordneten Frameset laden

Folgendes Script kommt in den Head Bereiche der Unterseiten des Framesets.

Die Seite, die das Frameset definiert, braucht kein Javascript.
Sie heißt in diesem Beispiel index.htm (siehe unten)

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function ersetzen(loc)
{
top.location.href = loc
}
// -->
</SCRIPT>

<SCRIPT LANGUAGE="JavaScript1.1" TYPE="text/javascript">
<!--
function ersetzen(loc)
{
top.location.replace(loc)
}
// -->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
if(top.location.href == self.location.href)
ersetzen("index.htm")
// -->
</SCRIPT>
Formular
Festplatte durchsuchen, nach Auswahl der Datei, wird der Pfad zur Datei als Wert übergeben <input name="dateiwahl" type="file" value="">
Eingabe eines Textfeldes in die Zwischenablage kopieren, funktioniert nur mit IE document.formularname.textfeldname.createTextRange().execCommand("Copy");
Effekte

Seite langsam einblenden durch 2 Metatags, funktioniert nur im IE.

 <meta http-equiv="Page-Enter" content="blendTrans(Duration=1)">
<meta http-equiv="Page-Exit" content="blendTrans(Duration=1)">

<form>
<input type="button" value="Quelltext" onclick='window.location = "view-source:" + window.location.href'>
</form>
Regenbogen Text Das Script ist zu lang.
Audio  
Audioplayer Siehe Audio


Copyright ©
Ein weiterer Web Design Tip von Pastor Pixel

H T T P : / / W W W . P A S T O R P I X E L . D E

 

Startseite www.pastorpixel.de