Search jQuery

jQuery Forum

Screen name:
kai.timofejew

kai.timofejew's Profile

1 Posts

1 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Show/Hide a div in IE6/7
[2Replies]
- 23-Mar-2011 06:30 AM
- Forum: Using jQuery
Hi,

i searched the forum, but did not find a working solution for my problem.

IE6/7 are not hiding the divs in the $(document).ready function. Tried also:
2. $("#closed").css('display', 'none');
3. document.getElementById('closed').style.display = 'none';
It is working when i add the ID "closed" to the <li>-Element instead of the <div>-Container.
All other browsers are working fine.

Thanks in advance!
Kai

Code:
1. $.ajax({
2. type: "POST",
3. timeout: 7000,
4. data: {username: username, password: password},
5. url: "php/login.php",
6. success: function(result) {
7. //console.log("USERID: "); console.log(result);
8. if (result > 0) {
9. $("#closed").show();
10. $("#login").hide();
11. $("#logoutBtn").show();
12. } else {
13. //$("#login").effect("shake", {times:2}, 100);
14. }
15. }
17. });
18. });
20. $("#closed").hide();
21. $("#logoutBtn").hide();
22. $("#login").hide();
24. $.post("php/loggedIn.php", {sId: "<?php echo session_id(); ?>"} ,function(logged_in) {
25. if (logged_in > 0) {
26. $("#closed").show();
27. $("#login").hide();
28. $("#logoutBtn").show();
29. } else {
30. //alert("not logged in");
31. $("#login").show();
32. }
33. });
35. $.ajax({
36. type: "POST",
37. timeout: 7000,
38. url: "php/getNews.php",
39. success: function(result) {
40. //console.log("NEWS: ");
41. var obj = jQuery.parseJSON(result);
42. //console.log(obj[0]['timestamp']);
43. for (var i=0; i < obj.length; i++) {
44. var date = new Date(obj[0]['timestamp']*1000);
45. $('#content-bgbtm').append('<div class="post"><p class="meta"><span class="date">'+date+'</span> erstellt von <a href="#">'+obj[i]['author']+'</a></p><h2 class="title"><a href="#">'+obj[i]['title']+'</a></h2><div class="entry"><p>'+obj[i]['text']+'</p></div></div>');
46. }
47. $('#news').append(obj[0]['text']);
48. }
49. });
51. });
52. </script>
53. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
54. <title>BBO-Liga 2011</title>
55. <meta name="keywords" content="" />
56. <meta name="description" content="" />
57. <link href="css/style.css" rel="stylesheet" type="text/css" media="screen" />
58. </head>
59. <body>
60. <div id="header">
61. <div id="menu">
62. <ul>
63. <li><a href="index.php" class="first">Start</a></li>
64. <li><a href="../ersteliga">1. Liga</a></li>
65. <li><a href="../zweiteligaA">2. Liga A</a></li>
66. <li><a href="../zweiteligaB">2. Liga B</a></li>
67. <li class="current_page_item"><a href="../zweiteligaC">2. Liga C</a></li>
68. <div id="logoutBtn"><li><a href="php/logout.php">Logout</a></li></div>
69. </ul>
70. </div>
71. 
72. <div id="login">
73. <form method="get" action="">
74. <fieldset>
75. <input type="text" name="username" id="username" size="15" placeholder="Benutzer" />
76. <input type="password" name="password" id="password" size="15" placeholder="Passwort"/>
77. <input type="submit" value="Login"/>
78. </fieldset>
79. </form>
80. </div>
81. 
82. </div>
83. 
84. 
85. <div id="logo">
86. <h1><a href="#">BBO-Liga 2011 </a></h1>
87. <p><em>eine Veranstaltung von BBO Germany und dem <a href="#"> DBV</a></em></p>
88. </div>
89. <hr />
90. 
91. <div id="page">
92. <div id="content">
93. <div id="content-bgtop">
94. <div id="content-bgbtm">
95. </div>
96. </div>
97. </div>
98. 
99. <div id="sidebar">
100. <ul>
101. <li>
102. <h2>Aktuell</h2>
103. <p id="news"></p>
104. </li>
105. <li>
106. <h2>Öffentlicher Bereich </h2>
107. <ul>
108. <li><a href="ranking.php">Tabelle</a></li>
109. <li><a href="#">Kampfergebnisse</a></li>
110. <li><a href="#">Anstehende Kämpfe</a></li>
111. <li><a href="#">Teams</a></li>
112. </ul>
113. </li>
114. <div id="closed">
115. <li>
116. <h2>Interner Bereich</h2>
117. <ul>
118. <li><a href="events.php">Terminübersicht</a></li>
119. <li><a href="#">Kampfergebnisse</a></li>
120. <li><a href="#">Teamdaten</a></li>
121. <li><a href="#">Spielerdaten</a></li>
122. <li><a href="#">Accounteinstellungen</a></li>
123. </ul>
124. </li>
125. </div>
126. </ul>
127. </div>
128. 
129. <div style="clear: both;"> </div>
130. 
131. <div id="footer">
132. </div>
133. 
134. </div>
135. </body>
136. </html>

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend