संवेदी जड़ता "तालिकाओं के पंक्तियाँ, क्लिक रोल ओवर में डायल करने के लिए

तालिकाओं की पंक्तियों पर रोल ओवर, क्लिक डायल करने के लिए

टिप्पणियाँ 22 Dameris / Los_Angeles नवंबर, 2005 के अंतर्गत Javascript .
टैग:

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

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

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

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

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

सादा पाठ

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

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

उपयोग करने के लिए, यह करें:

सादा पाठ

HTML:

onmouseout = "destacarLinha(this, 1, 'out');" onmousedown = "destacarLinha(this, 1, 'click');" > <Tr onmouseover "destacarLinha = (यह, 1 ',' ऊपर ')" onmouseout = "destacarLinha (यह, 1, बाहर')" onmousedown = "destacarLinha (यह, 1 'पर क्लिक करें');">

पहले तर्क तालिका में पंक्ति संख्या है. यह आवश्यक है करने के लिए मूल रंग में लौटने समारोह पता है. यह एक एस <tr> की घटनाओं के रूप में से एक को चालू करें

कोई प्रश्न, टिप्पणी