css oder phpstyledings

riotgrrl · 27.03.2003, 11:31

also wieder mal hallo

mein hass gegen css wird immer grösser (wahrscheinlich weil ich nicht durchblicke)
deshalb hab ich mir mal eine alternative lösung gesucht.
oder vielleicht ist die idee ja gar nich so neu?
und ihr solltet entscheiden ob dass absolut idiotisch ist oder doch ein bisschen sinn hatt.

also ich hab ne menge formularfelder die onblur's onFocus's and onMouseover's und solche spielchen haben sollen.
und das ganze soll sich dann auch noch einfach ändern lassen.
(jetzt wirds lang-->tschuldigung)
also:

Code:

<input type="TEXT" name="kaka" size="30"
style="	background-color : #123456;
	    border : 1px dotted gray;"
onFocus="this.style.backgroundColor='#654321'"
onBlur="this.style.backgroundColor='#987654'">

so schaut mal ein bsp aus
mit css könnt ich ja nur das was in style="..." steht definieren die blur's und Focus müsst ich dann trotzdem in den jeweiligen <input tag schreiben.

meine idee ich definier eine php var

PHP-Code:


			
$input=" style=\"background-color : #123456;

border : 1px dotted gray;\"

onFocus=\"this.style.backgroundColor='#654321'\"

onBlur=\"this.style.backgroundColor='#987654'\"";

so ca.
und mach dann das

PHP-Code:


			
<input type="TEXT" name="kaka" size="30" <?php echo $input ?>

>

da kann man noch ein bisschen rumfeilen, dass der Quellcode nicht zu hässlich wird.
Aber da ich vorhab das auch für texte und links zu machen wird das ganze schon ein bissi länger. (aber ich glaub die ladezeit wird ja kaum darunter leiden?oder)

also ist die idee grottenschlecht oder eher nicht so?
und welche Vor/Nachteile seht ihr darin?

Stuck Mojo · 27.03.2003, 11:44

Moin !

Mal als kleiner Anreiz

Code:

<html>
<head>
<title></title>
<style>
input {
   background-color: #123456;
}
</style>
<script language="JavaScript">
function initInputfields() {
   f = document.getElementsByTagName("input");
   for(i = 0; i < f.length; i++) {
      f[i].onfocus = function() { this.style.backgroundColor='#654321'; }
      f[i].onblur  = function() { this.style.backgroundColor='#987654'; }
   }
}
window.onload = initInputfields;
</script>
</head>
<body>
<form>
 <table>
   <tr>
     <td><input type="text"></td>
   </tr>
   <tr>
     <td><input type="text"></td>
   </tr>
   <tr>
     <td><input type="text"></td>
   </tr>
   <tr>
     <td><input type="text"></td>
   </tr>
   <tr>
     <td><input type="text"></td>
   </tr>
   <tr>
     <td><input type="text"></td>
   </tr>
   <tr>
     <td><input type="text"></td>
   </tr>
   <tr>
     <td><input type="text"></td>
   </tr>
   <tr>
     <td><input type="text"></td>
   </tr>
   <tr>
     <td><input type="text"></td>
   </tr>
   <tr>
     <td><input type="text"></td>
   </tr>
   <tr>
     <td><input type="text"></td>
   </tr>
 </table>
</form>
</body>
</html>

Gruss
Jan

riotgrrl · 27.03.2003, 11:58

ich will nicht böse sein.

aber mal angenommen eines dieser inputs soll anders aussehen.
kann man die igendwie auch mit den classes ansprechen?
also class="ipstyle1"
und class="ipstyle2"

das wär genial. dann hätt ich die css zuweisung und die ..events in einem

Stuck Mojo · 27.03.2003, 12:02

klaro geht das... du musst nur in der for-Schleife auf die Class abfragen und demensprechend die Handler setzen.

riotgrrl · 27.03.2003, 14:46