Homepagewerkstatt
Herr Vahlsing,
Raum D49, Telefon 05021-609213,
Kontakt Homepage:
vahlsing@bbs-nienburg.de![]()
Hallo liebe Kolleginnen und Kollegen,
nachstehend finden Sie einige Skripte und Grafiken, die Sie für die Projektarbeit mit Ihren Schülern nutzen können. Alle Skripte und Grafiken dürfen an unserer Schule frei genutzt werden.
Viel Spaß.
Berthold Vahlsing, BBS-Nienburg
Kontakt: vahlsing@bbs-nienburg.de
1.) Erstellung von neuen Projekten
Neue Projekte auf unserer Internetseite werden immer in einem neuen Browser-Fenster geöffnet. Dieses Fenster muss vom User wieder geschlossen werden können (Diese Seite verhält sich ebenso.). Dafür müssen Sie das nachstehende JavaSkript auf Ihrer Seite einbinden.
Java-Script für das Schließen eines Fensters:
Dieses Skript ist mit einem Texteditor im <body> einer html-Datei am gewünschten Ort (im Menü oder unten auf der Seite) zu speichern.
Beispiel: siehe unten. Zentrieren ist natürlich möglich.1. Lösung:
<a href="javascript:window.close()">Fenster schließen</a>
2. Lösung:
<form>
<input type="button" value="Fenster schließen" onClick="window.close()">
</form>
3. Lösung:
<form>
<input name="button"
type="button" style="background-color: #00008B;
font-size: 8pt;
padding-left: 1px;
font-weight: 700;
color: #F3F3F3;" onClick="window.close()" value="Fenster schließen">
</form>
Wählen Sie die von Ihnen gewünschte Variante.
Der MS-IE erstellt beim Schließen noch eine Sicherheitsabfrage. Das lässt sich leider nicht vermeiden. Andere Browser haben dies Problem nicht. Wird das neue Fenster mit einem JavaScript geöffnet, entfällt die Sicherheitsabfrage.Die angegebenen JavaScripte sind nur für einzelne htlm-Dateien, nicht für Frames anwendbar.
4. Lösung: Zurück zur letzten Seite
<a href="javascript:history.back()">» Zurück zur letzten Seite ...</a>
» Zurück zur letzten Seite ...
5. Lösung: Zurück zur letzten Seite
<form>
<input style="background-color: #8687A4;
font-size: 8pt;
padding-left: 1px;
font-weight: 700;
color: #F3F3F3;"
type="button" value="Seite zurück" onClick="history.back()">
</form>Oder...
<form>
<div align="left">
<input style="background-color: #8687A4;
font-size: 8pt;
padding-left: 1px;
font-weight: 700;
color: #F3F3F3;"
type="button" value="Zurück zur letzten Seite" onClick="history.back()">
</div>
</form>
2.) Grafiken
Kopieren von Grafiken auf Ihren Rechner:
Klicken Sie die Grafik mit der linken Maustaste an, betätigen Sie das Kontextmenü mit der rechten Maustaste und kopieren sich die Datei ("Bild speichern unter...") auf die eigene Festplatte.
(Alle Info-Button sind animiert und reagieren zeitlich unterschiedlich.)
(nicht animiert)
transparente Datei