السلام عليكم
انا وضعت هذاه المشاركة في قسم jEE لكن طلب مني ان اضعا هنا يمكن اجد حلول
السلام عليكم ورحمة الله
عندي سؤال مهم
اريد ان اعمل قوائم منسدلة في تطبيق الويب الذي اعمله
في صفحة jsp كتبت الكود التالي
expand plain text <html><head> <title>Selteco Menu Maker</title> </head><body> <script language="javascript" src="Exp.js"></script> </body></html>
وفي صفحة .js كتبت الكود التاليز
expand plain text
document.write('<STYLE type="text/css">');
document.write('#menuspan21270515 { position:absolute; width:150px; }');
document.write('#menutable21270515 { border-width: 0px; border-color: #000000; border-style:solid}');
document.write('td.menucell21270515 { padding:2px; padding-left:4px; padding-right:4px; background:#76A5E8; border:2px outset #76A5E8; text-align:LEFT; }');
document.write('#submenutable21270515 { background: #A0CAE5; border-width: 1px; border-color: #000000; border-style:solid}');
document.write('td.topcell21270515 {text-decoration:none; color:#FFFFFF; font-weight: 700; font-family: Verdana; font-size: 12px; font-style:normal; text-align:CENTER; }');
document.write('a.topitem21270515 {text-decoration:none; color:#FFFFFF; font-weight: 700; font-family: Verdana; font-size: 12px; font-style:normal; } ');
document.write('a.topitem21270515:hover {text-decoration:none; color:#FFFFFF; font-weight: 700; font-family: Verdana; font-size: 12px; font-style:normal;}');
document.write('a.subitem21270515 {text-decoration:none; color:#000000; font-weight: 400; font-family: Verdana; font-size: 11px; font-style:normal; } ');
document.write('a.subitem21270515:hover {text-decoration:none; color:#FFDD00; font-weight: 400; font-family: Verdana; font-size: 11px; font-style:normal; }');
document.write('P.MN21270515 {margin:0px; color:#FFFFFF; font-weight: 700; font-family: Verdana; font-size:12px; font-style:normal; }');
document.write('P.SMN21270515 {text-decoration:none; color:#000000; font-weight: 400; font-family: Verdana; font-size:11px; font-style:normal; margin:0px; }');
document.write('#submenu21270515_0 { position:absolute; left:135px; top:28px; visibility:hidden; }');
document.write('</style>');
var thisbrowser21270515
var hidetimer21270515 = null;
if(document.layers){ thisbrowser21270515='NN4'; }
if(document.all){ thisbrowser21270515='IE'; }
if(!document.all && document.getElementById){ thisbrowser21270515='NN6'; }
function showmenu21270515(menuname)
{
if(thisbrowser21270515=='NN4') document.layers[menuname].visibility = 'visible';
if(thisbrowser21270515=='IE') document.all[menuname].style.visibility = 'visible';
if(thisbrowser21270515=='NN6') document.getElementById(menuname).style.visibility = 'visible';
if(hidetimer21270515) clearTimeout(hidetimer21270515);}
function timermenu21270515()
{
if(hidetimer21270515) clearTimeout(hidetimer21270515);hidetimer21270515 = setTimeout("hideall21270515();",1000);
}
function hidemenu21270515(menuname)
{
if(thisbrowser21270515=='NN4') document.layers[menuname].visibility = 'hidden';
if(thisbrowser21270515=='IE') document.all[menuname].style.visibility = 'hidden';
if(thisbrowser21270515=='NN6') document.getElementById(menuname).style.visibility = 'hidden';
}
function hilite21270515(menuitem)
{
if(typeof(currentpage21270515)!='undefined' && menuitem==currentpage21270515) return;
if(thisbrowser21270515=='IE') document.all[menuitem].style.backgroundColor = '#517389';
if(thisbrowser21270515=='NN6') document.getElementById(menuitem).style.backgroundColor = '#517389';
if(hidetimer21270515) clearTimeout(hidetimer21270515);}
function unhilite21270515(menuitem)
{
if(typeof(currentpage21270515)!='undefined' && menuitem==currentpage21270515) return;
if(thisbrowser21270515=='IE') document.all[menuitem].style.backgroundColor = '#76A5E8';
if(thisbrowser21270515=='NN6') document.getElementById(menuitem).style. backgroundColor = '#76A5E8';
if(hidetimer21270515) clearTimeout(hidetimer21270515);hidetimer21270515 = setTimeout("hideall21270515();",1000);
}
function hideall21270515()
{
hidemenu21270515('submenu21270515_0');
}
function openmenu21270515(menuname)
{
showmenu21270515(menuname);
if(menuname!='submenu21270515_0') hidemenu21270515('submenu21270515_0');
}
document.write('<table width=150 cellspacing=0 border=0 cellpadding=0>');
document.write('<tr><td align=left valign=top>');
document.write('<span id="menuspan21270515">');
document.write('<table width=150 id="menutable21270515" cellspacing=0 cellpadding=3 >');
document.write('<tr>');
document.write('<td align=center background="l10.gif"> </td>');
document.write('<td class="topcell21270515" align="CENTER" width=150 height=20 background="b10.gif" onMouseOver="hideall21270515()">')
document.write('<table cellspacing=0 cellpadding=0 border=0 width="100%"><tr><td width="90%" align="CENTER">');
document.write('<a href="http://www.selteco.com/menumaker/unregistered.php" target="_self" title="Since 1982, The Weather Channel has brought timely weather information to the world. " class="topitem21270515">Home</a>');
document.write('</td><td><p class="SMN21270515"> </p></td></tr></table>');
document.write('</td>');
document.write('<td align=center background="r10.gif"> </td>');
document.write('</tr>');
document.write('<tr>');
document.write('<td align=center background="l10.gif"> </td>');
document.write('<td class="topcell21270515" align="CENTER" width=150 height=20 background="b10.gif" onMouseOver="openmenu21270515(\'submenu21270515_0\')" onMouseOut="timermenu21270515();">')
document.write('<table cellspacing=0 cellpadding=0 border=0 width="100%"><tr><td width="90%" align="CENTER">');
document.write('<a href="http://www.selteco.com/menumaker/unregistered.php" target="_self" title="" class="topitem21270515">Pictures</a>');
document.write('</td><td><p class="SMN21270515"><font face="webdings" color=#FF6600>4</font></p></td></tr></table>');
document.write('</td>');
document.write('<td align=center background="r10.gif"> </td>');
document.write('</tr>');
document.write('<tr>');
document.write('<td align=center background="l10.gif"> </td>');
document.write('<td class="topcell21270515" align="CENTER" width=150 height=20 background="b10.gif" onMouseOver="hideall21270515()">')
document.write('<table cellspacing=0 cellpadding=0 border=0 width="100%"><tr><td width="90%" align="CENTER">');
document.write('<a href="http://www.selteco.com/menumaker/unregistered.php" target="_self" title="" class="topitem21270515">Contact us</a>');
document.write('</td><td><p class="SMN21270515"> </p></td></tr></table>');
document.write('</td>');
document.write('<td align=center background="r10.gif"> </td>');
document.write('</tr>');
document.write('</table><p>');
document.write('<div id="submenu21270515_0">');
document.write('<table id="submenutable21270515" width=150 cellspacing=0>');
document.write('<tr>');
document.write('<td align="LEFT" class="menucell21270515" height=20 id="s21270515_0_0" onMouseOver="hilite21270515(\'s21270515_0_0\')" onMouseOut="unhilite21270515(\'s21270515_0_0\')">');
document.write('<table cellspacing=0 cellpadding=0 border=0 width="100%"><tr><td width="90%" align="LEFT">');
document.write('<a href="http://www.selteco.com/menumaker/unregistered.php" target="_self" title="" class="subitem21270515" >Pic1</a>')
;document.write('</td><td><p class="SMN21270515"> </p></td></tr></table>');
document.write('</td>');
document.write('</tr>');
document.write('</table></div>');
document.write('</span></td></tr></table>');و وضعت الملفين .jsp and .js في نفس الفولدر webContent
لكن القائمة لا تظهر اين المشكل؟؟