मुझे क्या चाहिए: एक jQuery UI फ्रेमवर्क बटन जैसा कि यहां पाया जा सकता है: http://jqueryui.com/themeroller/ (फ्रेमवर्क आइकन देखें) jQuery एग्रीजन हेडर में ।jQuery यूआई आइकन बटन के साथ jQuery एकॉर्डन हेडर (छुपाएं/दिखाएं + होवर/क्लिक करें)
लाइव नमूना: http://www.nikollr3.three.axc.nl/
(से मैं क्या समझ में आ; एक बटन भी सही jQuery यूआई श्रेणी के साथ एक आकोर टैग द्वारा मजाक उड़ाया जा सकता है।)
आवश्यकताएँ: मैं बटन नहीं करना चाहती/जब शीर्षलेख वर्तमान में चयनित नहीं होता है तो आइकन दिखाया जाना चाहिए। दूसरी तरफ, यदि हेडर चुना गया है, और इस प्रकार यह भी DIV दिखाया गया है, तो मैं आइकन/बटन प्रदर्शित करना चाहता हूं। बाईं ओर से पहली छवि को देखें, उस स्थिति में मैं नहीं चाहता कि "+" बटन दिखाया जाए। अन्य सभी छवियों में (जहां यह केंद्रित/चयनित है) मैं इसे दिखाना चाहता हूं। वर्तमान में यह लागू नहीं किया गया है; यह कैसे करना है?
-> यदि बटन क्लिक किया गया है, तो मैं statProp प्रदर्शित करना चाहता हूं, मेरे पास एक फ़ंक्शन शोस्टैटप्रॉप() है।
मुद्दे मैं वर्तमान में चल रहा है: के रूप में शीर्ष लेख के लिए है क्योंकि वर्तमान में जब हैडर चयन किया जाता है, एक ही सीएसएस किसी भी तरह बटन के लिए लागू किया जाता है, 'बटन' पर कुछ भी नहीं कर रहा है होवर (क्रॉस पर देखने के बटन का रंग: गहरा भूरा काला) (कोई अलग होवर नहीं है)।
यह कैसे प्राप्त करें? मैं वर्तमान में अटक गया हूं क्योंकि इस विशिष्ट चीज़ के बारे में इंटरनेट पर सीमित दस्तावेज/जानकारी उपलब्ध है जो मैं कोशिश कर रहा हूं।
function showStatProp()
{
if(document.getElementById("statProp").style.display == "none")
{
document.getElementById("statProp").style.display = 'block';
}
else
{
document.getElementById("statProp").style.display = 'none';
}
}
HTML:
<body onkeydown="controlCheck(event)" onkeyup="clearPress()" >
<div id="application" style="position:absolute">
<div id="accordion">
<h3 id="clickStat">Stations
<span style="float:right;" class="ui-state-default ui-corner-all">
<a class="ui-icon ui-icon-plusthick btpad" href="/getPunten.php">Edit</a>
</span></h3>
<div id="stations">
<input type="text" id="stations_ac" onclick="this.value='';" />
<div id="selectedStationDiv">
</div>
<hr>
<div id="statProp" style="display:none;">
<p>Name: <input type="text" style="float:right; clear:right" size="19" id="statNam" onclick="this.value='';" /></p>
<p style="margin-top:15px">
Type:
<select id ="statTyp" style ="float:right" onchange="">
<option></option>
<option title="Test">T</option>
</select>
</p>
<p style="margin-top:15px">
Admtyp:
<select id ="admtyp" style ="float:right" onchange="FilterByToestanden()">
<option></option>
<option title="Alarm">A</option>
<option title="Alarm">D</option>
<option title="Urgent alarm">U</option>
</select>
</p>
<p>Image: <input type="text" id="statBildnam" size="12" style ="float:right;text-transform: uppercase"></p>
<p id="devText">Text:
<input type="text" style="float:right; clear:right" id="texts_ac" onclick="this.value='';" /></p>
<p>
<p id ="respLine">Responsible: <select id="statResp" style="margin-bottom:10px;margin-top:6px;"><option>WERKHUIS-EMG-WEVELGEM</option></select></p>
<button id="btnCrtStat" onClick="createStation()" type="button" style="margin-left:26px;margin-top:-3px">Create</button>
</div>
</div>
<h3 id="clickImages" onclick="listImages()">Images</h3>
<div id="imagesList" style="overflow:auto">
<ul id='imagesUL'></ul>
<button onClick="addImage()" type="button" style="margin-left:26px;margin-top:-3px">Add image</button>
</div>
एक लाइव उदाहरण पूरी तरह से उपयोगी –
@ZachSaucier कोई युक्ति जो भी – Faarbhurtz
सराहना की होगी मैं काफी समझ नहीं पा रहा हूँ होगा अपने आपकी मदद करने के लिए प्रश्न (और दूसरों को भी मानें)। क्या आप इस बात का विस्तार कर सकते हैं कि "हेडर वर्तमान में चयनित नहीं होने पर बटन/आइकन दिखाना नहीं चाहता"। आपके वांछित अंत समाधान के वायरफ्रेम को चित्रित करने का कोई मौका? – Hady