यह प्राथमिक उदाहरण यह दर्शाता है कि सेट इंटरवल के साथ इसे कैसे किया जाए। यह आपके चयन मेनू की प्रदर्शन स्थिति के लिए हर सेकेंड में एक बार जांचता है, और फिर सामग्री का एक टुकड़ा छिपाता या दिखाता है। यह आपकी समस्या के विवरण के अनुसार काम करता है, और इससे कोई फर्क नहीं पड़ता कि चयन मेनू को क्या छुपाता है, यह तदनुसार सामग्री के उस टुकड़े को प्रदर्शित करेगा। दूसरे शब्दों में, टॉगल डिस्प्ले() बस इसे प्रदर्शित करने के लिए सेटअप किया गया था।
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title></title>
<script language="javascript" type="text/javascript">
var STECHZ = {
init : function() {
STECHZ.setDisplayedInterval();
},
setDisplayedInterval : function() {
STECHZ.isDisplayedInterval = window.setInterval(function(){
if (document.getElementById("mySelectMenu").style.display == "none") {
document.getElementById("myObjectToShow").style.display = "block";
} else {
document.getElementById("myObjectToShow").style.display = "none";
}
}, 1000);
},
isDisplayedInterval : null,
toggleDisplay : function() {
var mySelectMenu = document.getElementById("mySelectMenu");
if (mySelectMenu.style.display == "none") {
mySelectMenu.style.display = "block";
} else {
mySelectMenu.style.display = "none";
}
}
};
window.onload = function(){
STECHZ.init();
}
</script>
</head>
<body>
<p>
<a href="#" onclick="STECHZ.toggleDisplay();return false;">Click to toggle display.</a>
</p>
<select id="mySelectMenu">
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>
<div id="myObjectToShow" style="display: none;">Only show when mySelectMenu is not showing.</div>
</body>
</html>
स्रोत
2008-09-26 23:34:18
जब मैं इसे पढ़ा, मेरा अनुमान है IE के टूटे चयन तत्वों से जुड़ी कोई भी किया गया था। तब मैं उदास हो गया। – Shog9