Điều tôi cần: nút khung UI UI giống như nút có thể tìm thấy ở đây: http://jqueryui.com/themeroller/ (xem Biểu tượng khung) trong tiêu đề jQuery accordion .Tiêu đề jQuery Accordion với nút biểu tượng jQuery UI (ẩn/hiển thị + di chuột/click)
Sống mẫu: http://www.nikollr3.three.axc.nl/
(Từ những gì tôi hiểu, một nút cũng có thể được bắt chước bởi một thẻ với lớp jQuery UI đúng Achor.)
Yêu cầu: Tôi không muốn nút/biểu tượng được hiển thị khi tiêu đề KHÔNG được chọn. Mặt khác, nếu tiêu đề được chọn, và do đó nó cũng được hiển thị, tôi muốn biểu tượng/nút được hiển thị. Nhìn vào hình ảnh đầu tiên từ bên trái, trong trạng thái đó tôi không muốn nút "+" được hiển thị. Trong tất cả các hình ảnh khác (nơi tập trung/được chọn), tôi muốn nó được hiển thị. Điều này hiện KHÔNG được thực hiện; làm như thế nào?
-> Nếu nút được nhấp, tôi muốn statProp được hiển thị, tôi có hàm showStatProp() cho điều này.
vấn đề tôi hiện đang có: Hover trên 'nút' không được làm bất cứ điều gì, bởi vì hiện nay khi các tiêu đề được chọn, css tương tự được bằng cách nào đó áp dụng cho các nút như là tiêu đề (nhìn vào cây thập tự màu sắc của nút: tối màu xám sang màu đen) (không có di chuột riêng biệt).
Cách thực hiện việc này? Tôi hiện đang bị mắc kẹt vì có tài liệu giới hạn/thông tin được tìm thấy trên internet về điều cụ thể này tôi đang cố gắng.
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>
Một ví dụ sống sẽ là hoàn toàn hữu ích –
@ZachSaucier Bất cứ lời khuyên nào sẽ được đánh giá – Faarbhurtz
Tôi không hoàn toàn có thể hiểu bạn câu hỏi để giúp bạn (và giả định người khác). Bạn có thể mở rộng những gì bạn muốn nói "Tôi không muốn nút/biểu tượng được hiển thị khi tiêu đề KHÔNG được chọn". Bất kỳ cơ hội vẽ một wireframe của giải pháp cuối cùng mong muốn của bạn? – Hady