एक टीडी क्लिक करने योग्य

Question

मैंने एक तालिका के साथ fiddle स्थापित किया है।

आप देखते हैं, मैं एक टेबल बनाने की कोशिश कर रहा हूं जहां उपयोगकर्ता होवर करेगा और आईडी दिखाने के लिए टीडी पर क्लिक करेगा। बेवकूफ की जांच करें और आप समझेंगे।

अब, उपयोगकर्ता घूमता है जब Parent4, आप तालिका में जहां कोई पाठ और उपयोगकर्ता यह इतना Child4 अभ्यस्त दिखाई क्लिक नहीं कर सकते वहाँ पर स्थान हो देख सकते हैं ....

अब, वहाँ किसी भी है जिस तरह से मैं उस जगह को बना सकता हूं जहां कोई टेक्स्ट क्लिक करने योग्य नहीं है, तो यह बच्चे 4 दिखाता है?

मैंने कोशिश की

<td ahref="#child4"> but didn't work... 

////? संपादित करें इसके थोड़ा भ्रमित के रूप में ...

मैं तुम्हें बेला को देखने की जरूरत है। आप देख सकते हैं कि पैरेंट 4 के लिए सेल टेक्स्ट से बड़ा है। तो जब उपयोगकर्ता सेल पर हो जाता है, तो मैं चाहता हूं कि पाठ रंग बदल जाए और सेल रंग भी बदल सके + यदि उपयोगकर्ता सेल पर क्लिक करता है तो चाइल्ड 4 दिखाई नहीं देगा क्योंकि एक सेल अनजान है, इसलिए मेरा सवाल, मैं सेल कैसे बना सकता हूं Child4 प्रदर्शित करने के लिए क्लिक करने योग्य?

युपीडी:

मैं बेला को अद्यतन नहीं किया है, लेकिन यह अब तारीख पर निर्भर है।

Answer 1

href संपत्ति anchor elements (<a/>) के लिए डिज़ाइन की गई है। जैसा कि आपने रखा है "एह्रफ़" <a href=""> होना चाहिए। a अपने आप का एक तत्व है, HTML विशेषता नहीं है, और href एक विशेषता है जो इसे स्वीकार करता है।

एक td क्लिक करने योग्य का पाठ करने के लिए आप बस इसे भीतर एक लंगर डाल कर सकते हैं:

<td> 
    <a href="#child4">My clickable text</a> 
</td> 

संपादित करें: अब यह सवाल जोड़ दिया गया है इसे ठीक करने के लिए, बस निम्नलिखित सीएसएस में जोड़ें:

td a { 
    display:block; 
    width:100%; 
} 

यह क्या करता है, एक ब्लॉक के रूप में लंगर टैग प्रदर्शित हमें चौड़ाई समायोजित करने की इजाजत दी, और फिर 100% करने के लिए चौड़ाई सेट, यह शेष स्थान को भरने के लिए अनुमति देता है।

Working JSFiddle।

Answer 2

td चिह्न पर ऑनक्लिक ईवेंट जोड़ें।

<td onClick="document.location.href='http://www.yoursite.com';"> some text here </td> 

Answer 3

आप कोई पाठ के साथ एक क्लिक करने योग्य बनाने के लिए कोशिश कर रहे हैं, तो आप ऐसा तरह टैग के आकार को परिभाषित कर सकते हैं:

<a href='#child4' class="parent" style="display: block;width: 300px;height: 10px;"></a> 

यह किसी भी वस्तु या पाठ के अंदर बिना ब्लॉक का निर्माण करेगा ।

Answer 4

सरल बात के साथ "खाली" सेल को भरने के लिए होगा:

  

है कि आप के लिए चाल करना चाहिए।

Answer 5

केवल HTML के साथ ऐसा करने का एक बहुत ही आसान तरीका है।लिंक पाठ को एक डीआईवी के अंदर रखें। डीआईवी पूरे टीडी पर कब्जा कर लेता है और इसे सभी क्लिक करने योग्य बनाता है।

<a href="http://whatever.com"> 
    <div> 
    Link Text 
    </div> 
</a>