JavaScript / Tipps / Bausteine 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 / Archiv

Senden Sie uns Ihren JavaScript-Baustein zu  
SiteMap - Alle 229 JavaScript Bausteine anzeigen

 

• JavaScript-Ausgabe zeitlich steuern [IE|M|O|G]

<script type="text/javascript">
// JavaScript-Ausgabe zeitlich steuern

 function jetzt() {
  var Heute = new Date();
  if (Heute.getSeconds() == 0) {
   document.getElementById("anzeige").innerHTML = "Text";
  }
  if (Heute.getSeconds() == 10) {
   document.getElementById("anzeige").innerHTML = "Text 2";
  }
  if (Heute.getSeconds() == 17) {
   document.getElementById("anzeige").innerHTML = "Text 3";
  }
  // ... Und so weiter ...
 }

 setInterval('jetzt()', 1000);
 </script>

<div id="anzeige"></div>

 

• Link (Verweis) mit JavaScript und CSS erstellen [IE|M|O|G]

<span onClick="location.href='seite.htm'"
 style="color: #FF0000; cursor: pointer;">seite.htm</span>
Das hier ist nützich, wenn das JS nicht in der Statusleiste Statusanzeige angezeigt werden soll. 
<span onClick="starte_funktion()"
 style="color: #FF0000; cursor: pointer;">Start</span>

 

• JavaScript über dem Form-Tag aufrufen [IE|M|O|G]

Nach dem drücken der Eingabetaste (Return-Taste) wird ein JavaScript aufgerufen. 
<form method="post" action="javascript:starte_function();">
 <input type="text" name="text">
</form>

 

• Iframe-Inhalt zeitlich steuern [IE|M|O|G]

<script type="text/javascript">
// Iframe-Inhalt zeitlich steuern

 function jetzt() {
  var Heute = new Date();
  if (Heute.getSeconds() == 0) {
   window.parent.fensterln.location.href="seite1.htm";
  }
  if (Heute.getSeconds() == 20) {
   window.parent.fensterln.location.href="seite2.htm";
  }
  if (Heute.getSeconds() == 40) {
   window.parent.fensterln.location.href="seite3.htm";
  }
 }

 setInterval('jetzt()', 1000);
 </script>

<iframe src="seite1.htm" name="fensterln"
 width="400" height="200"</iframe>

 

• Datenbank-Inhalt an ein JavaScript (Array) übergeben [IE|M|O|G]

Wichtig ist, das Zeilenumbrüche und Anführungszeichen vor der Übergabe an JavaScript entfernt werden.
<?php
// Datenbank-Inhalt an ein JavaScript (Array) übergeben

echo "<script type='text/javascript'>\n";
echo "var Daten = new Array;\n";

$zaehler = 1;

$datensaetze = mysql_query("SELECT spaltenname FROM tabellenname");

while (list($palte) = mysql_fetch_row($datensaetze)) {
 // Zeilenumbrüche und Anführungszeichen entfernen
 $palte = str_replace(array("\r", "\n", '"'), "", $palte);
 echo "Daten[" . $zaehler . "] = \"" . $palte . "\";\n";
 $zaehler++;
} 

echo "</script>";
?>

Ausgabe-Beispiel:

<script type='text/javascript'>
var Daten = new Array;
Daten[1] = "New York";
Daten[2] = "London";
Daten[3] = "Paris";
Daten[4] = "Berlin";
Daten[5] = "Tokio";
</script>

 

• Internet Explorer-Erkennung in JavaScript [IE|M|O|G]

Prüfen ob vom Besucher der Internet Explorer verwendet wird.
<script type="text/javascript">
// Internet Explorer-Erkennung in JavaScript

var IE = "\v"=="v" ? true : false;

if (IE) {
 ...
}
</script>

 

• Text bei onMouseOver und onMouseOut ersetzen [IE|M|O|G]

<script type="text/javascript">
// Text bei onMouseOver und onMouseOut ersetzen

function replaceit(id,text){
 var obj = document.getElementById(id).firstChild;
 obj.nodeValue = text;
}
</script>

<span id="text" onMouseOver="replaceit(this.id,'Die Maus ist darüber')"
 onMouseOut="replaceit(this.id,'und weg ist die Maus.')">Maus!</span>
Beispiel: Maus!

 

• Zeichenkontrolle [IE|M|O|G]

Dieses Script zählt die Zeichen die eingegeben werden mit Begrenzung der Zeicheneingabe.
<script type="text/javascript">
// Zeichenkontrolle

var max_zeichen = 10;
function zeichenkontrolle() {
 if (document.Form.eingabe.value.length >= max_zeichen) {
  document.Form.eingabe.value = document.Form.eingabe.value.substring(0, (max_zeichen-1));
 }
 document.Form.zeichen.value = (max_zeichen-1) - document.Form.eingabe.value.length;
}
</script>

<form name="Form" action="" method="post">
sie haben 
<input type="text" name="zeichen" value="10" size="2">
 Zeichen übrig.<br>
<textarea rows="3" cols="25" name="eingabe" onKeyDown="zeichenkontrolle()">
</textarea>
</form>
Beispiel:
sie haben Zeichen übrig.

 

• Datum und Uhrzeit als Zeichenkette anzeigen [IE|M|O]

<script type="text/javascript">
var d=new Date();
document.write(d.toLocaleString());
</script>
Beispiel:

 

•Text über ID auslesen und ändern [IE|M|O|G]

<script type="text/javascript">
function obst(id,text) {
 var obj = document.getElementById(id).firstChild;
 obj.nodeValue = text;
}

function welches_obst(id) {
 var obj = document.getElementById(id).firstChild;
 alert(obj.nodeValue);
}
</script>

Obst: <span id="Test">Kirsche</span> <br>

<input type="button" value="Apfel" onClick="obst('Test','Apfel')">
<input type="button" value="Birne" onClick="obst('Test','Birne')"> 
<input type="button" value="Welches Obst wurde ausgewählt?" onClick="welches_obst('Test')">
Beispiel:

Obst: Kirsche

 

•Auswahlliste aktivieren [IE|M|O|G]

Die zweite Auswahlliste soll erst dann aktiviert werden, wenn etwas aus der ersten Auswahlliste ausgewählt wurde. 
<select id="selA" onChange="document.getElementById('selB').disabled = false">
<option>Bitte auswählen</option>
<option>Auswahl 1</option>
<option>Auswahl 2</option>
<option>Auswahl 3</option>
</select>
->
<select id="selB" disabled="disabled">
<option>Unterauswahl 1</option>
<option>Unterauswahl 2</option>
<option>Unterauswahl 3</option>
</select>
->

 

•Trim-Funktion in JavaScript [IE|M|O|G]

Diese Funktion entspricht in etwa der PHP-Funktion trim(). Diese entfernt Whitespaces am Anfang und am Ende eines Strings.
<script type="text/javascript">
// Trim-Funktion in JavaScript

function trim(str) {
 return (str.replace("\s+$","").replace("^\s+",""));
}
</script>

 

•Sekundenzähler [IE|M|O|G]

Zählt die Sekunden rückwärts.
Noch <span id="sec" style="font-weight: bold;"></span>   Sekunden.

<script type="text/javascript">
// Sekundenzähler

function Timer(s) {
 document.getElementById("sec").innerHTML=s;
 s--;
 if (s > 0) { // Sekunden (Endwert)
  window.setTimeout('Timer(' + s + ')', 999);
 }
}

Timer(500); // Sekunden (Startwert)
</script>
Demo:
Noch Sekunden.

 

•outerHTML [IE 9|M 11|O|G]

<form name="Form">
 <select name="liste" size="1">
  <option value="0" selected>1</option>
  <option value="1">2</option>
  <option value="2">3</option>
  <option value="3">4</option>
  <option value="4">5</option>
 </select>

 <input type="button" value="Button"
  onclick="alert(document.Form.liste.outerHTML);">
</form>
Beispiel:

 

• Frames per Link nachladen [IE|M|O|G]

Dieses Script überprüft ob das Fenster Frames enthält, ist dies nicht der Fall, wird das richtige Frame geladen.
<script type="text/javascript">
 // Frames per Link nachladen
 // Link-Beispiel: <a href="seite.htm?f=2"> Seite </a>

if (window.location.search != "" && top.frames.length < 1) {
 var W = window.location.search.split("=");
 switch (W[1]) {
  case "1":
   location.href="frameseite_01.htm"; 
   break;
  case "2":
   location.href="frameseite_02.htm"; 
   break;
  case "3":
   location.href="frameseite_03.htm"; 
   break;
 }
}
</script>

 

JavaScript Bausteine 11   [12]   PHP Bausteine

 

© 2000-2012 Homepage-Total.de         Kontakt — Impressum — Banner