संवेदी जड़ता टेबल की पंक्तियों में रोल ओवर 'पर क्लिक करें डायल को

सारणी की पंक्तियों में, क्लिक करें रोल ओवर डायल को

इस छोटे से समारोह में कोड की प्रतिलिपि बनाकर किया गया था phpMyAdmin में पाया. मैं टेबल की पंक्तियाँ रंग के रूप में उन्हें चूहे के माध्यम से चला गया और उन्हें भी रंग जब प्रयोक्ता उन पर क्लिक किया था.

मूल phpMyAdmin जावास्क्रिप्ट में कोशिकाओं का पृष्ठभूमि रंग के साथ शैली में हैं <td>. इसके अलावा, सभी कोशिकाओं के रूप में एक ही पृष्ठभूमि का रंग है, काफी पहले का रंग लेने के लिए <td> और यह पूरी लाइन पर लागू होते हैं.

के रूप में अपनी शैली परिभाषा फ़ाइल में हैं. सीएसएस, मैं जिस तरह से तुम उन्हें बदलना पड़ा. और कॉलम पृष्ठभूमि के रूप में कुछ और नहीं रंग दूसरों था, मैं एक सरणी के लिए मूल मूल्यों की दुकान बनाया. सो, जब उपयोगकर्ता एक <tr> इस समारोह में चूहे के साथ चलता है, पृष्ठभूमि रंग फाइल में परिभाषित किया. CSS संग्रहित कर रहे हैं, और लिया गया जब माउस पंक्ति छोड़ देता है.

पहले दो चर रंग दिखाई है कि जब माउस लाइन (cor_onmouseover) खत्म हो गया है और जब यह (cor_onmousedown) क्लिक किया है. By default, क्रमशः एक नींबू हरी भूमि और एक नारंगी क्रीम हैं. जैसा कि आप देख सकते हैं, वहाँ रंग षोडश आधारी नामकरण के कुछ manjo

नीचे जावास्क्रिप्ट है:

सादा पाठ

जावास्क्रिप्ट:

cor_onmouseover '= # E7FFCE';
cor_onmousedown '= # FFCC99';
coresOriginais ऐरे = ();
celula, linhaNumero, evento ) destacarLinha समारोह (सेल, linhaNumero, घटना)
(
; celulas_filhas var = बातिल;
/ / को <tr> रास्ते या प्राप्त नहीं तो ब्राउज़र की कोशिश कर सकते हैं
typeof ( document. getElementsByTagName ) != 'undefined' ) { अगर (typeof (document.referrer getElementsByTagName)! = 'अपरिभाषित') (
'td' ) ; celulas_filhas सेल =. getElementsByTagName '(td');
( typeof ( celula. cells ) != 'undefined' ) { ) वरना अगर typeof ((है सेल सेल)! = 'अपारिभाषित') (
celulas_filhas सेल =. कोशिकाओं;
{ और) (
; वापसी झूठी;
)
; var celulas_filhas_qtd = celulas_filhas लंबाई.;
S / / सब <td> पर लूप '
c = 0 ; c <celulas_filhas_qtd; c++ ) { (ग = 0 के लिए, ग <ग celulas_filhas_qtd + +) (
; corAtual var = बातिल;
; var उभारा रिक्त =;
; celulas_filhas तत्व = [c];
/ / यह यह करने के लिए है, क्योंकि जब अगर कोई बाहरी फाइल में है सीएसएस है
/ / इस तरह है कि रंग हो जाता है
/ / IE 5 +;
elemento. currentStyle ) { अगर (elemento. currentStyle) (
'backgroundColor' ] ; corAtual = तत्व. currentStyle '[' backgroundColor];
/ / Firefox, Moz
( window. getComputedStyle ) { ) वरना अगर (getComputedStyle window.) (
( elemento, "" ) var elstyle खिड़की =. getComputedStyle (तत्व, "")
'background-color' ) ; corAtual = elstyle. '(पृष्ठभूमि getPropertyValue रंग');
)
/ / आरजीबी से षोडश आधारी को
corAtual. indexOf ( "rgb" ) >= 0 ) { अगर (corAtual. indexOf ( "आरजीबी")> = 0) (
( corAtual. indexOf ( '(' ) + 1 , var rgbStr = टुकड़ा. corAtual (corAtual. indexOf (1 '(') +,
')' ) ) ; corAtual. indexOf (')'));
( "," ) ; var विभाजन = rgbValues rgbStr. ( "");
corAtual = "#";
; hexChars var = "0123456789ABCDEF";
var i = 0 ; i < 3 ; i++ ) { के लिए (var i = 0; मैं 3 <; i + +) (
i ] . valueOf ( ) ; var v = rgbValues मैं [] valueOf. ();
v/ 16 ) + hexChars. charAt ( v% 16 ) ; corAtual + =. charAt (v / 16) + hexChars hexChars. charAt (v 16%);
)
)
cor_index linhaNumero = + "_" + C;
evento == 'over' && corAtual. toLowerCase ( ) != cor_onmousedown. toLowerCase ( ) ) { अगर घटना (== '' पर & & toLowerCase. corAtual ()! cor_onmousedown = toLowerCase. ()) (
= Cor_onmouseover उभारा;
= corAtual; coresOriginais cor_index [] = corAtual;
( evento == 'click' ) { ) वरना अगर घटना ( '==' पर क्लिक करें) (
corAtual. toLowerCase ( ) == cor_onmousedown. toLowerCase ( ) ) { अगर toLowerCase (corAtual. toLowerCase () cor_onmousedown ==. ()) (
; coresOriginais उभारा = [] cor_index;
{ और) (
Cor_onmousedown = उभारा;
)
( evento == 'out' && corAtual. toLowerCase ( ) != cor_onmousedown. toLowerCase ( ) ) { ) वरना अगर घटना (== '' बाहर & & corAtual ToLowerCase. ()! = ToLowerCase. Cor_onmousedown ()) (
; coresOriginais उभारा = [] cor_index;
)
corNova ) { अगर (उभारा) (
. style . backgroundColor = corNova; backgroundColor celulas_filhas [ग] शैली.. = उभारा;
)
)
; वापसी सच;
)

करने के लिए समारोह का उपयोग करें, इस प्रकार है:

सादा पाठ

HTML:

onmouseout = "destacarLinha(this, 1, 'out');" onmousedown = "destacarLinha(this, 1, 'click');" > <tr onmouseover = "destacarLinha(this, onmouseout 1,'over');" = "destacarLinha(this, onmousedown 1,'out');" "destacarLinha(this, = 1,'click');">