Home > Infos > Web Design

Web Design

Die gängigsten Java-Links

  Funktion  Code   Bemerkung
  zurück javascript:history.back() Funktion des Zurück-Button des Browsers
  vorwärts javascript:history.go() Funktion des Vorwärts-Buttons des Browsers
  print javascript:print() Startet das Druckeroptionsfenster beim öffnen einer neuen Seite
  Fenster schliessen javascript:window.close() Schliesst ein Fenster. Praktisch bei Popup-Info-Fenster
  Seite aktualisieren javascript:window.location.reload() Lädt die Seite neu. Vorteilhaft z.B. bei Webcamseiten oder Wetter-Animationen


E-Mail-Scripte

Normaler mailto Link mit vorbereiteter Betreffzeile und body Inhalt:

Erich Schumacher

<a class="mail" href="mailto:mail@esx.ch?subject=hier der Betreffzeileninhalt ;body=Hallo Erich">Erich Schumacher</a>
 

mailto Link mit JavaScript Mailadressenschutz:

Mailadressen sollten bekanntlich nie offen auf Webseiten ausgeschrieben werden. Die Spamrobots sammeln automatisch solche Adressen.
Um diesen Spamrobots das Leben schwer zu machen setzt man ein wenig Javascript ein.

Nur die roten Bereiche anpassen:

<script type="text/javascript">
    var prefix ='Vor-ät-Angabe'; var domain ='domain.ch';
    document.write
    ('<a href=\'mailto:' + prefix + '@' + domain + '?subject=Hier der Betreffzeilentext angeben' + '\'>');
    document.write('E-Mail schreiben ...' + '<\/a>');
</script>
 


Horizontale Linie

Eine CSS Definition für die Horizontale Linien.
Diese muss so definiert werden dass I-Explorer und Firefox die Linie auch korrekt anzeigen.
Dieses Beispiel erzeugt eine 1 Pixel Linie in Rot.

hr  { border: 0px; border-style: solid; height: 1px; font-size: 1px; line-height: 1px;  color: #CC0000; background-color:#CC0000