|
||||||||||
| הרשם |  |
שאלות ותשובות | |
רשימת חברים | |
לוח שנה | |
הודעות מהיום | |
חיפוש | |
|
|||||||
 |
|
 |
|
|
כלים לאשכול | תצורת הצגה |
|
||||||||||
| הרשם | |
שאלות ותשובות | |
רשימת חברים | |
לוח שנה | |
הודעות מהיום | |
חיפוש | |
|
|||||||
|
|
|
|
|
כלים לאשכול | תצורת הצגה |
13-07-07, 19:41
|
# 1 |
|
חבר בקהילה
|
שאלה | HTML - תפריט נפתח בלחיצה.
שלום שוב,
רציתי לדעת איך אני עושה משהו כזה: נגיד ויש לי תפריט, אני רוצה רוצה לעשות שבזמן שילחצו על לינק מסויים, זה יפתח שדה נוסף מתחת לטבלה של הלינק. (לפני הלחיצה לא יראו כלום) משהו כזה:  ואחרי הלחיצה יופיע עוד שדה:  עוד דוגמא: אם תלחצו על השם משתמש בפורום זה יפתח לך תפריט. תודה. Last edited by Reality; 13-07-07 at 20:03.. |
|
|
13-07-07, 20:03
|
# 2 |
|
חבר וותיק
|
הפונקציה
קוד:
function showHideTable(menuId){
var obj=document.getElementById(menuId)
obj.style.visibility=(obj.style.visibility=="visible"?"hidden":"visible")
}
קוד:
<style>
div.menu
{
position:absolute;
visibility:hidden
}
</style>
קוד:
<td>
<a href="home.html">Home</a>
</td>
<td onClick="showHideTable('products')">
<a href="products.html">Products</a><br>
<div class="menu" id="products">
<a href="1.html">prod 1</a><br>
<a href="2.html">prod 2</a><br>
<a href="3.html">prod 3</a><br>
</div>
</td>
Last edited by hi_sorie; 13-07-07 at 20:09.. |
|
|
|
13-07-07, 20:17
|
# 3 |
|
חבר בקהילה
|
לא מציג לי את הקישורים 1 2 ו 3...
|
|
|
|
13-07-07, 23:43
|
# 4 |
|
חבר וותיק
|
תן קישור איך עשית את זה...
|
|
|
|
13-07-07, 23:54
|
# 5 |
|
חבר בקהילה
|
HTML קוד:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>test</title> <style type="text/css"> <!-- div.menu { position:absolute; visibility:hidden } --> </style> </head> <body> <script language="javascript"> function showHideTable(menuId){ var obj=document.getElementById(menuId) obj.style.visibility=(obj.style.visibility=="visible"?"hidden":"visible") } </script> <td> <a href="home.html">Home</a> </td> <td onClick="showHideTable('products')"> <a href="products.html">Products</a><br> <div class="menu" id="products"> <a href="1.html">prod 1</a><br> <a href="2.html">prod 2</a><br> <a href="3.html">prod 3</a><br> </div> </td> </body> </html> |
|
|
|
14-07-07, 01:31
|
# 6 |
|
חבר וותיק
|
קיצר קח את הקוד ... שפר אותו
קוד:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>test</title> <script language="javascript"> function showHideTable(menuId){ var obj=document.getElementById(menuId) obj.style.visibility=(obj.style.visibility=="visible"?"hidden":"visible") } </script> <style type="text/css"> <!-- div.menu { position:absolute; visibility:hidden } --> </style> </head> <body> <table> <tr> <td> <a href="#" onClick="showHideTable('1')">Products</a><br> <div class="menu" id="1"> <a href="1.html">prod 1</a><br> <a href="2.html">prod 2</a><br> <a href="3.html">prod 3</a><br> </div> </td> <td> <a href="#" onClick="showHideTable('2')">Products</a><br> <div class="menu" id="2"> <a href="1.html">prod 1</a><br> <a href="2.html">prod 2</a><br> <a href="3.html">prod 3</a><br> </div> </td> <td> <a href="#" onClick="showHideTable('3')">Products</a><br> <div class="menu" id="3"> <a href="1.html">prod 1</a><br> <a href="2.html">prod 2</a><br> <a href="3.html">prod 3</a><br> </div> </td> </tr> </table> </body> </html> Last edited by hi_sorie; 14-07-07 at 01:37.. |
|
|
|
14-07-07, 02:01
|
# 7 |
|
חבר בקהילה
|
תודה רבה!
|
|
|
|
| חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים) | |
|
|
עבור למצב קווי
