Jump to content
php.lv forumi

on mouse over


Robis

Recommended Posts

Sveiki!

Kaa lai uztaisa uz JavaScript taa, lai teiksim, uzejot uz viena td (tabulas shuunas), taas kraasa un robezhas kraasa (border color) nomainaas un noejot nost aiziet uz veco, savukaart noklishkjinot uz shiis shuunas, kraasa nomainaas veel saaadaak??? :ph34r:

Link to comment
Share on other sites

Sākumam pietiks, tur protams jāizmanto f-jas, un citas labas lietas.. Ja gribi, lai dzeltenais paliek aktīvs, tad var izmantot globālos mainīgos.

 

<table>
<tr>
<td 
onmouseover="this.style.backgroundColor='red'; this.style.border='1px solid blue';"
onmouseout="this.style.backgroundColor='transparent'; this.style.border='transparent'";
onclick="this.style.backgroundColor='yellow';">
  te paspaidiit...
</td>
</tr>
</table>

Link to comment
Share on other sites

Paldies, tieshaam straadaa :) ... vismaz uz Mozillas un IE browseriem...

 

P.S. Varbuut zini, kaa to uztaisiit taa, lai vinjsh peec onmouseover nomainai tai shuunai nevis style, bet class, kas jau ieprieksh defineeta css failaa???

Edited by Robis
Link to comment
Share on other sites

Sākumam pietiks, tur protams jāizmanto f-jas, un citas labas lietas.. Ja gribi, lai dzeltenais paliek aktīvs, tad var izmantot globālos mainīgos.

 

[... cut ...]

Es gan rakstītu mazliet universālāk:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
 <title>Test</title>
 <script type="text/javascript">
 // mainīgais, kurš temporāri glabās veco background vērtību
 var tmp = '';
 // norādām krāsu, uz kuru mainīt
 var color = '#ccc';

 function mover(what) {
 // funkcija nomaina tabulas rowa (vai cita elementa) background krāsu
   tmp = what.style.backgroundColor;
   what.style.backgroundColor = color;
 }

 function mout(what) {
 // funkcija nomaina atpakaļ tabulas rowa (vai cita elementa) background
 // krāsu uz veco (kura glabājas iekš mainīgā 'tmp'
   what.style.backgroundColor = tmp;
 }
 </script>
</head>
<body>
<table summary="Tabula testiem">
<tr onmouseover="mover(this);" onmouseout="mout(this)">
 <td>viens</td>
 <td>divi</td>
</tr>
</table>

</body>
</html>

Link to comment
Share on other sites

  • 3 weeks later...
  • 4 weeks later...
Lai pamainiitu elementa klasi, lietojam:

onMouseOver="this.className=overclass"

onMouseOut="this.className=defaultclass",

kur overclass un defaultclass ir attieciigo klashu vaardi.

 

Šis nestrādā ne uz IE 6, ne uz Mozilla!!!

Link to comment
Share on other sites

  • 2 months later...

Straadaa gan :)

Tikai ieksheejaas peedinjas aatrumaa bija aizmirsies uzlikt :)

Man domaat, ka tas tachu ir pashsaprotami, ka javascriptaa, pieskjirot textu kaut kaadam propertijam, tas ir jaalieliek peedinjaas...

 

onMouseOver="this.className='overclass'"

onMouseOut="this.className='defaultclass'",

Link to comment
Share on other sites

×
×
  • Create New...