Welcher USA-Präsident

Scripte > Additional

Präsidenten der Vereinigten Staaten von Amerika finden

Die Liste der Präsidenten der Vereinigten Staaten führt die Staatsoberhäupter in der Geschichte der Vereinigten Staaten vollständig auf. Neben allen Personen, die das Amt als Präsident der Vereinigten Staaten innehatten, sind auch die entsprechenden Vizepräsidenten verzeichnet.

Die Nummerierung bezieht sich dabei auf die fortlaufende Zahl der Präsidenten und nicht auf die Zahl der Amtszeiten. Wenn also ein Präsident zwei (oder mehr) Amtszeiten in Folge absolvierte, wird er dennoch nur einmal aufgeführt. Ausnahmen gelten bezüglich Grover Cleveland und Donald Trump, die nicht direkt aufeinander folgten. Grover Cleveland wird daher als 22. und als 24. Präsident geführt, Donald Trump als 45. und als 47. Präsident und entsprechend hat die Liste für 45 Präsidenten 47 Einträge.

Erweitere das Javascript-Modul entsprechend Deinen Bedürfnissen. Das Fenster mit Button kann in der Datei "style.css" der Homepage angepasst werden.

ZIP-Datei in ein beliebiges Verzeichnis auf dem PC entpacken und das Verzeichnis "wsX5Obj" auf den Webserver in das Root-Verzeichnis kopieren. HEAD-Code in den HEAD-Bereich <head>.....</head> und HTML-Code in den BODY-Bereich <body>.....</body> der aufrufende Datei einfügen.

Eine demo.html ist beigefügt, die zum Test in das Root-Verzeichnis des Webservers kopiert werden kann.

Aufruf: "http://www.domain.tld/demo.html". Diese kann aber auch durch einen Doppelklick ausgeführt werden.

x runter geladen

Wähle zwischen 1 & 47:

Der Präsident:

Code für den <HEAD> Bereich

Vor dem </HEAD> Tag

Code für den <BODY> Bereich

<table class="Obj157_tbl" width="300" id="AutoNumber1">

<form name="list" method="POST">

<tr>

<td>

<p align="center"><br />

Wähle zwischen 1 & 47: <input name="number" type="text" size="3,1" value=" "><br />

</p><br />
<p align="center">Der Präsident:

<input name="pres" size="30" value="-None-" style="text-align: center"><br />

<button class="Obj157_btn" type="button"

onClick="document.list.pres.value=presidents[document.list.number.value-1]">

Finden

</button>
</p>

</td>

</tr>

</form>

</table>

</div>

Nach dem <BODY> Tag

Code Datei "style.css"

.Obj157_tbl {

font-weight: italic;
font-size: 14px;
font-family: tahoma;
color: #7C6031;
vertical-align: middle;
background-color: #EEF6E8;
border: 2px solid #7C6031;
margin: 15px;

}

.Obj157_btn {

font-weight: bold;
font-size: 14px;
font-family: tahoma;
color: #7C6031;
vertical-align: middle;
background-color: #B4DA9F;
border: 2px solid #7C6031;
margin: 10px;
border-radius: 5px;
padding: 5px;

}

.Obj157_btn:hover { background-color: #EEF6E8; border: 2px solid #7C6031; padding-left: 10px; }

» nach oben «