Използване на onmouseover,onmouseout,onfocus и onblur заедно

[d_badboy]

<?php $user="Потребител"; ?>
<input type="text" id="edno" name="dve" value="<?php echo $user; ?>" class="a" />

Как мога да направя при onmouseover класа да стане "b", при onmouseout да е отново "a" и едновременно с това при onfocus да се изчисти value и класа да стане "b", при onblur да се върне value и класа да стане "a" ?
Надявам се да не сте се оплели

 

[emagi]

Виж това:

<html>

<head>

<title></title>
<style type="text/css">
.a {
color:blue;
}
.b {
color:red;
}
</style>
<script type="text/javascript">
function change(){
var pole = document.getElementById('edno');
pole.className = 'b';
}
function returnClass(){
var pole = document.getElementById('edno');
pole.className = 'a';
}
function onfocusField(){
var pole = document.getElementById('edno');
pole.className = 'b';
pole.value="";
}
function onblurField(){
var pole = document.getElementById('edno');
pole.className = 'a';
pole.value = '<?php echo $user; ?>';
}
</script>
</head>

<body>
<input type="text" id="edno" name="dve" onmouseover="change()" onfocus="onfocusField();" onblur="onblurField();" onmouseout="returnClass();" value="<?php echo $user; ?>" class="a" />
</body>

</html>

Не съм кръстил по най-подходящия начин фукциите, но карай....

 

[d_badboy]

Значи тук се сблъскваме с 1 проблем onmouseover и onmouseout работят, onfocus също работи, НО когато е на onfocus искам да е в същия цвят като onmouseover и onmouseover, onmouseout да не му действат. Пробвай с background-color ще видиш за какво говоря.

 

[emagi]

Еми помисли малко защо е така???
Според теб къде е разковничето
Имаш събитието onfocus, но същевременно и onmouseout. Фокусираш полето за писане и става червено, после дърпаш мишаката и пак става синьо.Трябва да махнеш една опция

 

[d_badboy]

Неможе ли да се сложи някакво условие и да се избегне този проблем ?

 

[emagi]

Неможе ли да се сложи някакво условие и да се избегне този проблем ?

И какво да бъде то????

 

[d_badboy]

Ще пробвам така може да се получи ако не е правилно поправи ме вече може утре да погледна
<input type="text" id="edno" name="dve" onmouseover="(onfocusField())?'':change();" onfocus="onfocusField();" onblur="onblurField();" onmouseout="(onfocusField())?'':returnClass();" value="асд" class="a" />