בעצם אני מנסה לעשות כמו באתר crysis.co.il
תלחצו על הורדות בתפריט למשל , ואז יפתח לכם DIV עם הקישורים , אני מנסה לעשות אותו דבר רק לא כמוהם עם אייפריימים , אלא עם JS

עשיתי ככה:

קוד JS

קוד PHP:

 function home() {
  if (isNS) document.layers["home"].visibility = "show";
  if (isIE) document.all.home.style.visibility = "visible";
}
function down() {
  if (isNS) document.layers["down"].visibility = "show";
  if (isIE) document.all.down.style.visibility = "visible";
} 


HTML:

קוד PHP:

 <a href="javascript:home()">עמוד ראשי</a>
<a href="javascript:down()">הורדות</a>
<div id="home" style="visibility:hidden;position:relative;top:10;left:10  ">
בלה בלה
</div>
<div id="down" style="visibility:hidden;position:relative;top:10;left:10  ">
שיט
</div> 


עכשיו נגיד שאני לוחץ על עמוד ראשי "מוצג לי בלה בלה" אבל אחרי זה שאני לוחץ הורדות , נשאר לי הבלה בלה ונפתח לי שיט שיט , וההפך
אני רוצה בדיב אחד שישתנה בהתאם ללחיצה

היי,
שמי דן , ואשמח לעזור לכם בכל פנייה שהיא
ניתן ליצור איתי קשר באיימיל (DanDan@walla.com) במסנג'ר (DanDan@walla.com) ובאיסיקיו (12348188)

גלישה נעימה...

סליחה על הדאבל אבל אמרו לי שזה לא אפשרי?רק עם IFREAME אפשר?

היי,
שמי דן , ואשמח לעזור לכם בכל פנייה שהיא
ניתן ליצור איתי קשר באיימיל (DanDan@walla.com) במסנג'ר (DanDan@walla.com) ובאיסיקיו (12348188)

גלישה נעימה...

בודאי שזה אפשרי.

הרעיון הוא פשוט:
אתה מכין רשימות (עם תג ul ו-li) כאשר ה-li מייצג פריט מהרשימה, וה-ul רשימה שלמה.

זה אמור להיראות בערך כך:

קוד:

<ul class="dropDown" id='dd1'>
<li><a href="#">About Us</a>
  <ul>
    <li><a href="#">Our Leaders</a></li>
    <li><a href="#">Our Staff</a></li>
    <li><a href="#">Leadership</a></li>
    <li><a href="#">ODP Principles</a></li>
    <li><a href="#">By-Laws</a></li>
  </ul>
</li>
<li><a href="#">Links</a>
  <ul>
    <li><a href="#">Caucus</a></li>
    <li><a href="#">County</a></li>
    <li><a href="#">Democratic</a></li>
    <li><a href="#">Government</a></li>
  </ul>
</li>
</ul>

אחרי שיש לך את המבנה הזה, יש להיעזר בקצת CSS וקצת JS כדי לגרום לאפקט ה-drop down.

מה שאנחנו רוצים קודם כל הוא להעלים את הרשימות המקוננות (שצריכות להיות בלתי נראות אם לא עוברים על פריט האב שלהן).
לכן, קוד ה-CSS הוא:

קוד:

.dropDown li ul,
.dropDown li ul.invisible
{
  display:none;
}


.dropDown li ul.visible
{
  display:block;
  width:200px;
}

עכשיו קצת JS שיגרום לאירועים בעת מעבר על פריט אב ובעת ירידה מפריט אב:

קוד:

<script type="text/javascript">
var ddMenu = document.getEelementById('dd1');

var subMenus = ddMenu.getElementsByTagName('ul');
var x;

for (x in subMenus)
{
  subMenus[x].parentNode.onmouseover = function() { this.firstChild.className='visible'; };
  subMenus[x].parentNode.onmouseout = function() { this.firstChild.className='invisible'; };
}
</script>

שים לב שקוד ה-JS צריך לבוא אחרי קוד ה-HTML של התפריט.

בהצלחה.

הJS לא עובד אחי , וניסיתי גם לקרוא לו כקובץ..

היי,
שמי דן , ואשמח לעזור לכם בכל פנייה שהיא
ניתן ליצור איתי קשר באיימיל (DanDan@walla.com) במסנג'ר (DanDan@walla.com) ובאיסיקיו (12348188)

גלישה נעימה...

נכון, בעיקר בגלל שגיאת הכתיב ב:

קוד:

var ddMenu = document.getEelementById('dd1');

כתבתי קוד קצת שונה בקובץ חדש:
https://2008-uploaded.fresh.co.il/2...8/88485959.html

אחי זה לא ממש מה שביקשתי , תכנס לאתר למעלה..

היי,
שמי דן , ואשמח לעזור לכם בכל פנייה שהיא
ניתן ליצור איתי קשר באיימיל (DanDan@walla.com) במסנג'ר (DanDan@walla.com) ובאיסיקיו (12348188)

גלישה נעימה...

אותו רעיון, פשוט מימוש אחר..

https://2008-uploaded.fresh.co.il/2...9/14173368.html

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

היי,
שמי דן , ואשמח לעזור לכם בכל פנייה שהיא
ניתן ליצור איתי קשר באיימיל (DanDan@walla.com) במסנג'ר (DanDan@walla.com) ובאיסיקיו (12348188)

גלישה נעימה...

אני לא מצליח להציג אותם בשורה ולא ככה..צריך לשנות את הJS ... תוכל לעזור יל ?

היי,
שמי דן , ואשמח לעזור לכם בכל פנייה שהיא
ניתן ליצור איתי קשר באיימיל (DanDan@walla.com) במסנג'ר (DanDan@walla.com) ובאיסיקיו (12348188)

גלישה נעימה...

מה זאת אומרת? עכשיו הם מוצגים בשורה... כולם

ציטוט:

במקור נכתב על ידי dorM מה זאת אומרת? עכשיו הם מוצגים בשורה... כולם

הם מוצגים כרגע
בלה בלה 1
בלה בלה 2
בלה בלה 3

אני רוצה בלה בלה 1 בלה בלה 2 בלה בלה 3

היי,
שמי דן , ואשמח לעזור לכם בכל פנייה שהיא
ניתן ליצור איתי קשר באיימיל (DanDan@walla.com) במסנג'ר (DanDan@walla.com) ובאיסיקיו (12348188)

גלישה נעימה...

האם שמת לב לקוד ה-CSS האחרון שהוספתי במסמך ה-HTML האחרון?

זה הקוד שהופך את התפריט האנכי לתפריט אופקי:

קוד:

/* CSS CODE */
.dropDown li,
#subList li
{
	display:inline;
}

זה שובר לי את כל הקוד....אני ישתמש בפריימכבר תודהאחי

היי,
שמי דן , ואשמח לעזור לכם בכל פנייה שהיא
ניתן ליצור איתי קשר באיימיל (DanDan@walla.com) במסנג'ר (DanDan@walla.com) ובאיסיקיו (12348188)

גלישה נעימה...

למה שובר את כל הקוד? זה לא אמור "לשבור" אותו...

אולי כתבת את הקוד בצורה לא הכי נכונה?

חבל להשתמש ב-frames....

<ul class="dropDown" id='dd1'>
זה מוריד לי שורה כי זה כבר נמצא בדיב אז ניסיתי להעיף את זה ולהכניס את המחלקה שלו והID למאפיינים של הDIV אבל לא יוצא טוב

היי,
שמי דן , ואשמח לעזור לכם בכל פנייה שהיא
ניתן ליצור איתי קשר באיימיל (DanDan@walla.com) במסנג'ר (DanDan@walla.com) ובאיסיקיו (12348188)

גלישה נעימה...

אני בטוח ששימוש ב-CSS יפתור את הבעיה...

ניסית display:inline-block; ?
שחק קצת עם ה-CSS. אם כל הזמן יאמרו לך מה לעשות, ולא תנסה בעצמך - לא תצליח ללמוד...

מי כמוני יודע , פשוט אני קצת בלחץ כי האתר לא שלי זה חבר שהבטחתי לו והוא דיי לחוץ..
בכל מקרה תודה , אבדוק מה אפשר לעשות

היי,
שמי דן , ואשמח לעזור לכם בכל פנייה שהיא
ניתן ליצור איתי קשר באיימיל (DanDan@walla.com) במסנג'ר (DanDan@walla.com) ובאיסיקיו (12348188)

גלישה נעימה...