.
  Verschiedenes II
 


Zählt die Tage, Stunden ... in mehreren Feldern

Bis Weihnachten 2013 sind es nur noch:

Tage:
Stunden:
Minuten:
Sekunden:

Code

<script LANGUAGE="JavaScript">
<!--
var GG = new Date("december, 25, 2010");  //Datum für Countdown im Format: (MONTH, DAY ,YEAR)
var tzo = -0;

function toSt(n) {
  s=""
  if(n<10) s+="0"
  return s+n.toString();
}
 
function countdown() {
  cl=document.clock;
  d=new Date();
  count=Math.floor((GG.getTime()-d.getTime())/1000);
  if(count<=0)
    {cl.days.value ="----";
     cl.hours.value="--";
     cl.mins.value="--";
     cl.secs.value="--";
     return;
   }
  cl.secs.value=toSt(count%60);
count=Math.floor(count/60) + tzo;

  cl.mins.value=toSt(count%60);
  count=Math.floor(count/60);
  cl.hours.value=toSt(count%24);
  count=Math.floor(count/24);
  cl.days.value=count;   
 
  setTimeout("countdown()",1000);
}
// -->
</script>
<div align="center"><font size="3" color="#000000" face="times new roman"><b>Bis  Weihnachten sind es nur noch:</b></font>
</div>

<br>



<form name="clock">
  <div align="center"><table border="2" cellpadding="4" cellspacing="0" bordercolor="#778899">

    <tr>

      <td><font color="#000000" font face="comic sans ms" size="2"><div align="center">   Tage:   </td>
      <td><font color="#000000" font face="comic sans ms" size="2"><div align="center">Stunden:</td>
      <td><font color="#000000" font face="comic sans ms" size="2"><div align="center">Minuten:</td>
      <td><font color="#000000" font face="comic sans ms" size="2"><div align="center">Sekunden:</font></td>

    </tr>

    <tr>

      <td>
        <div align="center"><input name="days" size="1"></div></td>

      <td>
        <div align="center"><input name="hours" size="1"></div></td>

      <td>
        <div align="center"><input name="mins" size="1"></div></td>

      <td>
        <div align="center"><input name="secs" size="1"></div></td>

    </tr>

  </table>
</div>
</form>
<img src="http://pics.ebaystatic.com/aw/pics/s.gif" width="1" height="1" alt="" onload="countdown()"">


Zeigt die letzte Aktualisierung einer Seite


Code


<div align="center"><font size="2" color="#000000" face="times new roman"><b>

<SCRIPT LANGUAGE="JavaScript">
Datum = new Date(document.lastModified);
Jahr = Datum.getYear();
 if (Jahr  < 2000) Jahr+=1900
Monat = Datum.getMonth() + 1;
Tag = Datum.getDate();
document.write("Diese Seite wurde am " + Tag + "." + Monat + "." + Jahr +  " aktualisiert");
</SCRIPT></b></font>
</div>

Tabelle einfügen:

Tabelle
   
   
   


Code

<table width="80%" cellspacing="0" cellpadding="2"  border="2" align="center">
    <tbody>
        <tr>
            <td height="40" width="60%" align="center" colspan="3"><span style="font-size: larger;"><strong>Tabelle</strong></span></td>
        </tr>
        <tr>
            <td height="40" width="50%" align="center">&nbsp;</td>
            <td width="50%" align="center">&nbsp;</td>
        </tr>
        <tr>
            <td height="40" width="50%" align="center">&nbsp;</td>
            <td width="50%" align="center">&nbsp;</td>
        </tr>
        <tr>
            <td height="40" width="50%" align="center">&nbsp;</td>
            <td width="50%" align="center">&nbsp;</td>
        </tr>
    </tbody>
</table>

Bei height und width kannst Du die größe der Tabelle bestimmen.
Um eine oder mehrere Zeilen "anzuhängen", kopierst Du jetzt den Textabschnitt von <tr> bis </tr> ein oder mehrmals darunter :

Text im Tabellenrahmen:

  TEST  

Hier kommt der Text rein.

Code

<style type="text/css">

fieldset {
 border:4px double black;                                           
 font-family:verdana; Arial,Helvetica,sans-serif;     
 font-size:10px;                                                        
 color:black;                                                             
 padding:10px;                                                          
 text-align:justify;                                                     
 font-weight:bold;                                                      
}

legend {
 color:#000000;                                                               
 font-weight:normal;                                                 
 font-size:12px;                                                        
}

</style>
<table width="80%" align="center">
    <tbody>
        <tr>
            <td><fieldset> <legend>&nbsp; TEST &nbsp;</legend>
            <p>Hier kommt der Text rein.</p>
            </fieldset></td>
        </tr>
    </tbody>
</table>

Suchleiste für Homepage:

Durchsucht den Inhalt eines Fensters nach einem Text. Entspricht in der Funktionalität dem Menübefehl "Suchen". Die Suche bezieht sich nur auf die aktuelle Seite.
Erwartet folgende Parameter:
1. Text = Text, nach dem gesucht werden soll.
2. Groß-/Kleinschreibung beachten = true für ja oder false für nein übergeben.
3. Suchrichtung rückwärts = true für ja oder false für nein übergeben.
Die beiden letzten Parameter sind optional.

Code 

<html><head><title>Test</title>
</head><body>
<form action="">
<p>Geben Sie einen Suchbegriff ein:
<input type="text" name="SuchNach">
<input type="button" value="suchen" 
onclick="find(this.form.SuchNach.value,
 false, false)">
</form>
</body></html>

Anzeigebeispiel: So sieht's aus
Test

Geben Sie einen Suchbegriff ein:

Erläuterung:

Im Beispiel steht am Anfang der Datei ein Formular mit einem Eingabefeld zur Eingabe eines Suchbegriffs. Das Formular enthält außerdem einen Button. Bei dessen Anklicken wird der weitere Inhalt der Datei nach dem Begriff durchsucht, den der Anwender in dem Eingabefeld eingegeben hat.

Ihr könnt die Eingerahmten Texte kopieren und bei Euch einfügen:


nach oben
  
   
 

Copyright © 2010 by 4youdesign
 Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden