• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

HTML Button

tha-one

Neues Mitglied
Hallo

mit welchem Code erstelle ich einen Button der bei einem auf der Seite befindelichem Text die Farbe ändert?
(bestenfalls auch die Änderung gleich speichert)
 
"Speichern" geht nicht ohne Serverseitige Programmiersprache. Den Rest machst du per JavaScript.
Suchphrasen für weitere Nachforschungen wären hier
- javascript (im speziellen die Funktion getElementById() )
- javascript click events
- set CSS property javascript
 
Speichern geht übrigens ohne serverseitige Speicherung mit JavaScript cookies.
 
Fertige Skripte gibt es nur als Auftrag über die Jobbörse, und JS Cookies sind gewiss kein valider Ansatz zur Speicherung von Änderungen innerhalb einer Webseite, sofern das auch für andere User sichtbar sein soll.

Außerdem ist es unnötig, zu einer Frage zwei Threads zu eröffnen.
 
Also das ist mein Quelltext bis jetzt, wo soll da CSS oder Java rein?

Ein Button soll den Hintergrund der Zelle mit "Name 1" oder den Text "Name 1" einfärben.

Wäre lieb wenn mir als Anfänger geholfen werden kann und nicht immer an die Jobbörse oder sonstiges verwiesen wird.
Ich möchte das ja lernen, bzw selber mit hilfe erarbeiten! Und auf zynische Kommentare kann ich verzichten.

<html>
<head>
<title> SKB Status </title>
</head>
<body>
<body onload="window.resizeTo(560,400)">
<meta http-equiv="Refresh" content="3">
<meta http-equiv="pragma" content="no-cache"><table border="2" cellspacing="2" cellpadding="2">
<tr>
<th>NAME 1</th>
<th><input value="Abwesend"type="submit"></th>
<th><input value="Anwesend"type="submit"></th>
<th><input value="Ausgeloggt"type="submit"></th>
</tr>
<tr>
<th>Name 2</th>
<th><input value="Abwesend"type="submit"></th>
<th><input value="Anwesend"type="submit"></th>
<th><input value="Ausgeloggt"type="submit"></th>
</tr> <tr>
<th>Ingrid Fischer</th>
<th><input value="Abwesend"type="submit"></th>
<th><input value="Anwesend"type="submit"></th>
<th><input value="Ausgeloggt"type="submit"></th>
</tr> <tr>
<th>Name 3</th>
<th><input value="Abwesend"type="submit"></th>
<th><input value="Anwesend"type="submit"></th>
<th><input value="Ausgeloggt"type="submit"></th>
</tr> <tr>
<th>Name 4</th>
<th><input value="Abwesend"type="submit"></th>
<th><input value="Anwesend"type="submit"></th>
<th><input value="Ausgeloggt"type="submit"></th>
</tr> <tr>
<th>Name 5</th>
<th><input value="Abwesend"type="submit"></th>
<th><input value="Anwesend"type="submit"></th>
<th><input value="Ausgeloggt"type="submit"></th>
</tr> <tr>
<th>Name 6</th>
<th><input value="Abwesend"type="submit"></th>
<th><input value="Anwesend"type="submit"></th>
<th><input value="Ausgeloggt"type="submit"></th>
</tr> <tr>
<th>Name 7</th>
<th><input value="Abwesend"type="submit"></th>
<th><input value="Anwesend"type="submit"></th>
<th><input value="Ausgeloggt"type="submit"></th>
<th><input value="Sonder"type="submit"></th>
</table>
</body>
</html>
 
<body>
<body onload="window.resizeTo(560,400)">
<meta http-equiv="Refresh" content="3">
<meta http-equiv="pragma" content="no-cache">

Lass eins der beiden body Tags weg und pack die Meta Tags, in den Headbereich. CSS kannst du Intern, Extern oder Inline benutzen. In etwa so.
HTML:
<!DOCTYPE html>
<html>
<head>
<title>Mein Seiten Name</title>
<meta http-equiv="Refresh" content="3">
<meta http-equiv="pragma" content="no-cache">
<!-- Extern CSS -->
<link href="..." rel="stylesheet" type="text/css">

<!-- Intern CSS -->
<style type="text/css">

...

</style>
</head>
<body onload="window.resizeTo(560,400)">

<!-- Inline CSS -->
<div style="..."></div>

<!-- Hier kannst du jetzt auch Javascript Dateien oder Plugins einbinden -->
<script src="..." type="text/javascript"></script>
<script type="text/javascript">
...

</script>
</body>
</html>
 
Ich möchte das ja lernen, bzw selber mit hilfe erarbeiten!
Wenn du wirklich lernen möchtest, würde ich behaupten, du solltest dich ersteinmal (ohne Foren), damit beschäftigen:
Was kann HTML und warum? (bzw. wie funktioniert HTML, grob)
Was kann Javascript und warum? ( " )
Was kann PHP und warum? ( " )
Denn wenn du dich auch nur ansatzweise informiert hättest bevor du etwas postest, hättest du gewusst, mit welchen Sprachen es eventuell zu lösen wäre (dass du es dann selber direkt kannst, erwartet keiner...)
Das soll kein "zynischer Kommentar" sein, ich möchte wirklich nur helfen. Sobald du dich mit den Fragen beschäftigt hast, hast du schoneinmal bessere Suchansätze!
 
Zurück
Oben