לוגו אתר Fresh          
 
 
  אפשרות תפריט  ראשי     אפשרות תפריט  צ'אט     אפשרות תפריט  מבזקים     אפשרות תפריט  צור קשר     חץ שמאלה ‎print ‎"Hello World!"; if‎ ‎not rules.‎know ‎then rules.‎read(); חץ ימינה  

לך אחורה   לובי הפורומים > מחשבים > תכנות ובניית אתרים
שמור לעצמך קישור לדף זה באתרי שמירת קישורים חברתיים
תגובה
 
כלי אשכול חפש באשכול זה



  #6  
ישן 14-05-2006, 13:16
  DCD DCD אינו מחובר  
 
חבר מתאריך: 17.05.05
הודעות: 7,321
הנה קוד מוכן:
בתגובה להודעה מספר 1 שנכתבה על ידי borbabeten שמתחילה ב "בניית תפריט נפתח בלחיצה....כיצד??"

קוד:
<!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"> <head> <title>TEST</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1255" /> <style type="text/css"> html{ *overflow-y: hidden;/*Mozilla and Opera won't render it*/ } body{ margin: 0; overflow-y: auto; /*Mozilla and Opera won't render it*/ height: 100%; } .fixedBox{ position: fixed !important; /*For Mozilla and Opera only*/ border: 1px solid black; background-color: blue; position: absolute; /*Mozilla and Opera won't render it*/ /* top: 5%; left: 2%; */ width: 25%; height: 5ex; } </style> <script language='JavaScript' type="text/javascript"> <!-- function show_it() { var itm = null; if (document.getElementById) { itm = document.getElementById('fixedBox2'); if (! itm) { // do nothing } else if (itm.style) itm.style.display=""; else itm.visibility = "show"; } } function dont_show_it() { var itm = null; if (document.getElementById) { itm = document.getElementById('fixedBox2'); if (! itm) { // do nothing } else if (itm.style) itm.style.display="none"; else itm.visibility = ""; } } function errorhim(event) { if ( (event.keyCode == 18) || (event.keyCode == 17) || (event.keyCode == 16) || (event.keyCode == 27) || ( (event.keyCode == 18) && (event.keyCode == 17) && (event.keyCode == 16) ) ) { alert('Error!'); } } //--> </script> </head> <body> <!-- onkeyup="errorhim(event)" onmouseout="window.focus(); window.open(window.location);" --> gggggggggggggggggggggggggggggggggggggggggggggggggg ggg<br />gggggggggggggggggggggggggggggggggggggggggggggggggg ggg<br />gggggggggggggggggggggggggggggggggggggggggggggggggg ggg<br />gggggggggggggggggggggggggggggggggggggggggggggggggg ggg<br />gggggggggggggggggggggggggggggggggggggggggggggggggg ggg<br />gggggggggggggggggggggggggggggggggggggggggggggggggg ggg<br />gggggggggggggggggggggggggggggggggggggggggggggggggg ggg<br />gggggggggggggggggggggggggggggggggggggggggggggggggg ggg<br />gggggggggggggggggggggggggggggggggggggggggggggggggg ggg<br />gggggggggggggggggggggggggggggggggggggggggggggggggg ggg<br />gggggggggggggggggggggggggggggggggggggggggggggggggg ggg<br />gggggggggggggggggggggggggggggggggggggggggggggggggg ggg<br />gggggggggggggggggggggggggggggggggggggggggggggggggg ggg<br />gggggggggggggggggggggggggggggggggggggggggggggggggg ggg<br />gggggggggggggggggggggggggggggggggggggggggggggggggg ggg<br />gggggggggggggggggggggggggggggggggggggggggggggggggg ggg<br />gggggggggggggggggggggggggggggggggggggggggggggggggg ggg<br />ggggggggggggggg <div id="sometext"> Lorem ipsum dolor sit amet. </div> <br /><br /> <div id="fixedBox2" style='display:none;' onmouseover='show_it();' class='fixedBox' onmouseout='dont_show_it();'> <p align='center' style='color: white;'>טקסט תקוע</p> </div> <center><div onmouseover='show_it();' onmouseout='dont_show_it();' style='width:50%; background-color: red; color: white; align:center;' align='center'>עבור עם העכבר כאן והטקסט התקוע יופיע</div></center> mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm<br />mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm <br /><br /><br /> </body> </html>


קוד שנשמר אצלי משאלה קודמת ....

תראה מה כתוב שם ואני כמעט בטוח שתבין, זה לא כזה מסובך
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #7  
ישן 14-05-2006, 16:24
  ~Kg~ ~Kg~ אינו מחובר  
 
חבר מתאריך: 20.11.04
הודעות: 95
הנה קוד ברור + הסבר
בתגובה להודעה מספר 1 שנכתבה על ידי borbabeten שמתחילה ב "בניית תפריט נפתח בלחיצה....כיצד??"

בשביל לעשות את מה שאתה רוצה, באמת ישנו צורך לשלב בין CSS וJavascript.
אראה לך איך ליצור זאת בדרך מסודרת. הדרך פשוטה מאוד ומובנת.

צור דף HTML רגיל עם הקוד הבא:
קוד:
<html> <head> <script src="jsf.js" type="text/javascript"></script> <link rel=stylesheet href="stf.css" type="text/css"> </head> <body> <a class="menu1" onclick="showHide('mymenu1')">Menu 1</a> <div id="mymenu1" class="hide"> <a href="#" class="submenu">One</a> <a href="#" class="submenu">Two</a> </div> <a class="menu1" onclick="showHide('mymenu2')">Menu 2 </a> <div id="mymenu2" class="hide"> <a href="#" class="submenu">One</a> <a href="#" class="submenu">Two</a> <a href="#" class="submenu">Three</a> </div> </body> </html>


שנית, אתה רואה כי בקוד ישנן הפניות לעוד 2 קבצים.
האחד, פקודות Javascript לעמוד- קובץ בשם jsf.js
קובץ שני, עיצוב בCSS- קובץ בשם stf.css.

הנה שני הקבצים:

jsf.js:
קוד:
menu_status = new Array(); function showHide(theid) { if (document.getElementById) { var switch_id = document.getElementById(theid); if(menu_status[theid] != 'show') { switch_id.className = 'show'; menu_status[theid] = 'show'; } else { switch_id.className = 'hide'; menu_status[theid] = 'hide'; } } }


stf.css:
קוד:
.menu1 { font-family: Arial; width: 150; background: #EDEDED; margin-left: 25px; padding-left: 20px; padding-top: 2px; padding-bottom: 2px; display: block; text-decoration: none; color: #000000; height: 20px; cursor: hand; border: 1px #000000 solid; } .submenu { font-family: Arial; width: 150; background: #BCBCBC; display: block; height: 19px; margin-left: 38px; padding-top: 2px; padding-left: 7px; color: #333333; border: 1px #000000 solid; } .hide { display: none; } .show { display: block; }


בבקשה
במקרה ומשהו לא הובן, אתה מוזמן לשאול.
_____________________________________
בברכה,
כפיר גיא :: Kfir Guy
דוא"ל: Mail: info@klear.co.il

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
תגובה

כלי אשכול חפש באשכול זה
חפש באשכול זה:

חיפוש מתקדם
מצבי תצוגה דרג אשכול זה
דרג אשכול זה:

מזער את תיבת המידע אפשרויות משלוח הודעות
אתה לא יכול לפתוח אשכולות חדשים
אתה לא יכול להגיב לאשכולות
אתה לא יכול לצרף קבצים
אתה לא יכול לערוך את ההודעות שלך

קוד vB פעיל
קוד [IMG] פעיל
קוד HTML כבוי
מעבר לפורום



כל הזמנים המוצגים בדף זה הם לפי איזור זמן GMT +2. השעה כעת היא 04:15

הדף נוצר ב 0.04 שניות עם 12 שאילתות

הפורום מבוסס על vBulletin, גירסא 3.0.6
כל הזכויות לתוכנת הפורומים שמורות © 2024 - 2000 לחברת Jelsoft Enterprises.
כל הזכויות שמורות ל Fresh.co.il ©

צור קשר | תקנון האתר