Co jest mi potrzebne: przycisk struktury jQuery UI, taki jak ten, który można znaleźć tutaj: http://jqueryui.com/themeroller/ (spójrz na ikony ramek) w nagłówku akordeonu jQuery .Nagłówek jQuery Accordion z ikoną przycisku jQuery UI (ukryj/pokaż + najedź/kliknij)
żywo próbki: http://www.nikollr3.three.axc.nl/
(Z tego co zrozumiałem, przycisk może być naśladowane przez tag Achor z prawej klasy jQuery UI.)
Wymagania: nie chcę przycisku/ikona wyświetlana, gdy nagłówek NIE jest aktualnie wybrany. Z drugiej strony, jeśli nagłówek jest zaznaczony, a więc również pokazany jest DIV, chcę wyświetlić ikonę/przycisk. Spójrz na pierwszy obraz z lewej strony, w tym stanie nie chcę, aby przycisk "+" był wyświetlany. We wszystkich innych obrazach (gdzie jest skupiony/wybrany) chcę, żeby to było pokazane. To obecnie NIE jest realizowane; jak to zrobić?
-> Jeśli przycisk jest kliknięty, chcę, aby wyświetlał się statProp, i mam do tego funkcję showStatProp().
Problemy ja mam obecnie: Najedź „przycisk” nie robi nic, ponieważ obecnie, gdy wybrano nagłówek, te same css jest jakoś stosowane do przycisku jak do nagłówka (patrzeć na krzyż kolor przycisku: od ciemnoszarego do czarnego) (nie ma oddzielnego zawisu).
Jak się do tego dostać? obecnie utknąłem, ponieważ istnieje ograniczona dokumentacja/informacja, którą można znaleźć w Internecie na temat tej konkretnej rzeczy, którą próbuję.
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>
Żywo Przykładem może być całkowicie pomocny –
@ZachSaucier Wszelkie wskazówki w ogóle byłoby mile widziane – Faarbhurtz
nie jestem zupełnie w stanie zrozumieć pytanie, aby ci pomóc (i przyjąć także innych). Czy możesz rozwinąć to, co masz na myśli przez "Nie chcę, aby przycisk/ikona była wyświetlana, gdy nagłówek NIE jest aktualnie wybrany". Czy istnieje możliwość narysowania modelu krawędziowego pożądanego rozwiązania końcowego? – Hady