|
JavaScript - My Javascript Not Working In Fbml
I am very new to fbml and fbjs,I have a js code wich works fine in google chrome and mozzila,but does not work in fbml,when i post in fbml box.
here is my js code Code: <SCRIPT LANGUAGE="JavaScript">
function move(fbox, tbox) {
var arrFbox = new Array();
var arrTbox = new Array();
var arrLookup = new Array();
var i;
for (i = 0; i < tbox.options.length; i++) {
arrLookup[tbox.options[i].text] = tbox.options[i].value;
arrTbox[i] = tbox.options[i].text;
}
var fLength = 0;
var tLength = arrTbox.length;
for(i = 0; i < fbox.options.length; i++) {
arrLookup[fbox.options[i].text] = fbox.options[i].value;
if (fbox.options[i].selected && fbox.options[i].value != "") {
arrTbox[tLength] = fbox.options[i].text;
tLength++;
}
else {
arrFbox[fLength] = fbox.options[i].text;
fLength++;
}
}
arrFbox.sort();
arrTbox.sort();
fbox.length = 0;
tbox.length = 0;
var c;
for(c = 0; c < arrFbox.length; c++) {
var no = new Option();
no.value = arrLookup[arrFbox[c]];
no.text = arrFbox[c];
fbox[c] = no;
}
for(c = 0; c < arrTbox.length; c++) {
var no = new Option();
no.value = arrLookup[arrTbox[c]];
no.text = arrTbox[c];
tbox[c] = no;
}
}
// End -->
</script>
and here is the html part
<form name="combo_box">
<table><tr><td width="150" height="208">
<select multiple size="10" name="list1" style="width:150">
<option>Virender Sehwag </option>
<option>M.S.Dhoni</option>
<option>Sachin Tendulkar</option>
<option>Gautam Gambhir</option>
<option> Virat Kohli </option>
<option>Yuvraj Singh</option>
<option> Suresh Raina </option>
<option> Harbhajan Singh </option>
<option>Zaheer Khan</option>
<option> Ashish Nehra </option>
<option>S Sreesanth</option>
<option> Munaf Patel </option>
<option>Ishant Sharma</option>
<option> Vinay Kumar </option>
<option>M Vijay</option>
<option> Rohit Sharma</option>
<option> Ravindra Jadeja</option>
<option> Ajinkya Rahane</option>
<option> Saurabh Tiwary </option>
<option>Yusuf Pathan</option>
<option> Parthiv Patel</option>
<option> R Ashwin </option>
<option>Wriddhimaan Saha </option>
<option>Dinesh Karthik</option>
<option> Shikhar Dhawan </option>
<option>Amit Mishra </option>
<option>Piyush Chawla </option>
<option>Cheteshwar Pujara </option>
<option>Pragyan Ojha </option>
<option>Praveen Kumar</option>
<option> Robin Uthappa </option>
<option>Irfan Pathan </option>
<option>Abhimanyu Mithun</option>
<option> Abhishek Nayar </option>
<option>Ajit Agarkar</option>
<option> Ashok Dinda </option>
<option>Jaidev Unadkat</option>
<option> Joginder Sharma</option>
<option> L Balaji </option>
<option>Manoj Tiwary </option>
<option>Manpreet Gony </option>
<option>Mohammad Kaif</option>
<option> Murali Kartik</option>
<option> Pankaj Singh </option>
<option>Rahul Dravid </option>
<option>Ramesh Powar </option>
<option>RP Singh</option>
<option> S Badrinath </option>
<option>Sudeep Tyagi </option>
<option>Venugopal Rao </option>
<option>Vinay Kumar</option>
</select>
</td>
<td width="48" align="center" valign="middle">
<input type="button" onClick="move(this.form.list2,this.form.list1)" value="<<">
<input type="button" onClick="move(this.form.list1,this.form.list2)" value=">>"></td>
<td width="269">
<select multiple size="10" name="list2" style="width:150">
</select></td></tr></table>
</form>
can anyone be of help to me so that i get through with this problem.looking forward to your help as i am in need of this on a priority basis Similar TutorialsI hope I have this post in the right place! Any help would be very much appreciated... I have a feature on my website that allows users to choose the website background (using alternate css sheets) and then uses an externally linked javascript file to store the background choice as a cookie so it is consistent throughout the website. This works perfectly locally (i.e. when previewing my website on my computer) but now it is uploaded to my host it doesn't appear to be working. (with the same browser) My javascript is he http://www. b r p - e n v .com/javascript/backgroundchange.js (with no spaces) The website that the javascript file is linked to is http://www. b r p - e n v .com (with no spaces) In the head I have: <script type="text/javascript" src="../javascript/backgroundchange.js"></script> ...then I have: <body onload="set_style_from_cookie()"> ...and for users to choose which background: <form> <input type="image" src="../images/white-background-thumb.jpg" onclick="switch_style('bg1');return false;" name="theme" value="White" id="bg1"> etc... </form> My problem is: The background reverts back to the default when moving to a different page. This would indicate that the background choice is not being saved in cookies. But this works locally! I have tried putting the javascript directly onto each page but I still had the same problem. I hope someone can help, I will be so grateful if I can get this to work. Many thanks indeed! hereis the html file and javascripton click of this button a html ***************************** <table class=matcolor id=topnav cellspacing=0 cellpadding=0 width=550 border=0 bgcolor="#FFCCCC"> <tbody> <tr align=middle> <td id=menu1 onMouseOver="this.className='mPrimaryOn';showmenu(this);" onClick="this.document.location.href=''" onMouseOut="this.className='mPrimaryOff';hidemenu(this);" class="mat" height="20"> <div align="center"><font color="#FF0000">Desk Top Publishing </font></div> </td> <td width=1 bgcolor=#ff9900 class="mat"></td> <td id=menu2 onMouseOver="this.className='mPrimaryOn';showmenu(this);" onClick="this.document.location.href=''" onMouseOut="this.className='mPrimaryOff';hidemenu(this);" class="mat" height="20"> <div align="center"><font color="#FF0000">Transcription</font></div> </td> <td width=1 bgcolor=#ff9900 class="mat"></td> <td id=menu3 onMouseOver="this.className='mPrimaryOn';showmenu(this);" onClick="this.document.location.href=''" onMouseOut="this.className='mPrimaryOff';hidemenu(this);" class="mat" height="20"> <div align="center"><font color="#FF0000">Accounts Processing </font></div> </td> </tr> </tbody> </table> ***************************************** <script language=JavaScript> ix = document.getElementById('tblmenu1').getBoundingClientRect(); new ypSlideOutMenu("menu1", "right",ix.left + ix.right ,ix.bottom + 10); </script> **any thing i have to alter to work in firefox please help I write javascript for image slide show. Code:
var mygallery=new fadeSlideShow({
wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
dimensions: [380, 469], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
<?php $q2 = mysql_query("select * from home_flash");
$i = 0;
while($res = mysql_fetch_array($q2))
{
$image[$i] = $res[1];
$text[$i] = $res[2];
$str = "['images/fla/".$image[$i]."','','','".$text[$i]."'],";
echo $str;
$i++;
} ?>
//<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "always",
togglerid: ""
})
In IE I got an error Quote: Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; InfoPath.2) Timestamp: Sat, 20 Mar 2010 06:22:10 UTC Message: 'imagearray[...].0' is null or not an object Line: 37 Char: 3 Code: 0 If you have solution for thi, then please help with it! Thanks for your precious time. Cheers!! The javascript for the live chat button, makes the rest of the javascript for the navigation not work and only in internet explorer please help. <!--start http://www.livehelpnow.net --> <div style="text-align: center;"> <div> <script type="text/javascript"> var lhnJsHost = (("https:" == document.location.protocol) ? "https://" : "http://"); document.write(unescape("%3Cscript src='" + lhnJsHost + "www.livehelpnow.net/lhn/scripts/lhnvisitor.aspx?div=&zimg=33&lhnid=8456&iv=1&iwidth=101&iheight=35&zzwindow= 0&d=0&custom1=&custom2=&custom3=' type='text/javascript'%3E%3C/script%3E"));</script> </div> <div><a title="Help desk software" href="http://www.LiveHelpNow.net/" style="font-size:10px;" target="_blank">Help desk software</a></div> </div> <!--end http://www.livehelpnow.net --> document.write("<div class='nav' style='color: #0050A3;'>Products <img src='/images/dnav_arrow.gif' width='10' height='10' border='0'></a></div>"); document.write("<div class='nav_l2'><a href='/force_gauge.html'>Force Gauges <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>"); document.write("<div class='nav_l2'><a href='/instruments/menu-torque.html'>Torque Gauges <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>"); document.write("<div class='nav_l2'><a href='/instruments/menu-indicat.html'>Sensors & Indicators <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>"); document.write("<div class='nav_l2'><a href='/instruments/menu-loadcells.html'>Smart Load Cells <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>"); document.write("<div class='nav_l2'><a href=\"javascript: block_closed('menu3','arrow3');\">Test Stands</a> <a href=\"javascript: block_closed('menu3','arrow3');\"><img src='/images/unav_arrow.gif' alt='' id='arrow3' width='10' height='10' border='0'></a></div>"); document.write("<ul id='menu3' class='nav_l3'>"); document.write("<li><a href='/instruments/menu-stands.html'>Motorized Test Stands</a></li>"); document.write("<li><a href='/instruments/menu-manualstands.html'>Manual Test Stands</a></li>"); document.write("</ul>"); document.write("<div class='nav_l2'><a href='/instruments/menu-testsys.html'>Ergonomics Test Kits <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>"); document.write("<div class='nav_l2'><a href='/instruments/menu-grips.html'>Grips & Attachments <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>"); document.write("<div class='nav_l2'><a href='/instruments/menu-accessories.html'>Accessories <img src='/images/onav_arrow.gif' alt='' width='10' height='10' border='0'></a></div>"); document.write("<div class='nav_l2'><a href='/instruments/menu-software.html'>Software <img src='/images/onav_arrow.gif' alt='' id='arrow7' width='10' height='10' border='0'></a></div>"); document.write("<div class='nav_l2'><a href='/instruments/menu-testers.html'>Configuring A System <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>"); document.write("<div class='nav_l2'><a href='/instruments/menu-legacy.html'>Legacy Products <img src='/images/onav_arrow.gif' alt='' id='arrow4' width='10' height='10' border='0'></a></div>"); document.write("<div class='nav'><a href='/services/general.html'>Services <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></a></div>"); document.write("<div class='nav'><a href='/downloads.html'>Downloads <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></a></div>"); document.write("<div class='nav'><a href='/news.html'>News <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></a></div>"); document.write("<div class='nav'><a href='/warranty.html'>Product Registration <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></a></div>"); document.write("<div class='nav'><a href='/applications/index.html'>Gallery <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></a></div>"); document.write("<div class='nav'><a href='/inquiries.html'>Inquiries <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></a></div>"); document.write("<div class='nav'><a href='/about.html'>About Mark-10</a> <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></div>"); document.write("<div class='nav'><a href=\"javascript: block_closed('menu8','arrow6');\">Where To Buy <img src='/images/unav_arrow.gif' alt='' id='arrow6' width='10' height='10' border='0'></a></div>"); document.write("<ul id='menu8' class='nav_l3'>"); document.write("<li><a href='/order.html'>Ordering Direct</a></li>"); document.write("<li><a href='/distributor-us.html'>US Distributors</a></li>"); document.write("<li><a href='/distributor-intl.html'>International Distributors</a></li>"); document.write("<li><a href='/distributor-catalogs.html'>Catalog / Web Sales</a></li>"); document.write("<li><a href='/gsa.html'>US Government Purchases</a></li>"); document.write("<li><a href='/reseller.html'>Become a Reseller</a></li>"); document.write("</ul>"); document.write("<div class='nav'><a href=\"javascript: block_closed('menu9','arrow6');\">Resources <img src='/images/unav_arrow.gif' alt='' id='arrow6' width='10' height='10' border='0'></a></div>"); document.write("<ul id='menu9' class='nav_l3'>"); document.write("<li><a href='/tools/load.html'>Conversion Calculators</a></li>"); document.write("<li><a href='/faq.html'>Frequent Questions</a></li>"); document.write("</ul>"); document.write("<div class='nav'><a href='/contact.html'>Contact Us</a> <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></div>"); document.write("<div class='nav'><a href='/index.html'>Home</a> <img src='/images/onav_arrow.gif' width='10' height='10' border='0'></div>"); document.write("<div style='margin-top:15px;'><a href='http://www.mark-10.com/gsa.html'><img src='http://www.mark-10.com/images/GSA-small.gif' border='0'></></div>"); document.write("<div style='margin-top:15px;'><a href='http://www.mark-10.com/video.html'><img src='http://www.mark-10.com/images/Video-logo.jpg' width='154' height='54' border='0'></></div>"); document.write("<div style='margin-top:15px; text-align:center;'><a href='http://mark-10blog.blogspot.com'><img src='http://www.mark-10.com/images/blogger_logo.png' style='border:0;'><a href='http://www.facebook.com/pages/Mark-10-Force-Measurement/138943942794711'><img src='http://www.mark-10.com/images/facebook-logo.png' style='border:0;'></></div>"); //http://mark-10blog.blogspot.com Hi, currently we are using IE 7 in that for showing submenu we are using the following code but it is not working in google chrome and firefox..basically it is a seperate .js file where functions are stored Code : Code: if( typeof ( gCSSList ) == 'undefined' || gCSSList == null ) var gCSSList= new Array();gCSSList[1]= Array('MENU_BLOCK_1','MENU_ITEM_1','MENU_ITEM_HL_1','MENU_ITEM_SL_1','MENU_ITEM_COL_LEFT_1','MENU_ITEM_COL_LEFT_HL_1','MENU_ITEM_COL_LEFT_SL_1','MENU_ITEM_COL_RIGHT_1','MENU_ITEM_COL_RIGHT_HL_1','MENU_ITEM_COL_RIGHT_SL_1','MENU_ITEM_HEADING_1','SUBMENU_BLOCK_1');
var gMainmenuFrm = 'left';
var gSubmenuFrm = 'right';
if( typeof ( gTimer ) == 'undefined' || gTimer == null ) var gTimer = new Array();
if( typeof ( HLItemList ) == 'undefined' || HLItemList == null ) var HLItemList = new Array();
if( typeof ( MenuList ) == 'undefined' || MenuList == null ) var MenuList = new Array();
function vMenu_AddtoHLList ( pCtrlId, pItemId )
{
if( typeof ( HLItemList[pCtrlId] ) == 'undefined' || HLItemList[pCtrlId] == null ) HLItemList[pCtrlId] = pItemId+ ',';
else HLItemList[pCtrlId] = HLItemList[pCtrlId] + pItemId+ ',';
}
function vMenu_AddtoMenuList ( pCtrlId, pMenuID )
{
if( typeof ( MenuList[pCtrlId] ) == 'undefined' || MenuList[pCtrlId] == null ) MenuList[pCtrlId] = pMenuID + ',';
else MenuList[pCtrlId] = MenuList[pCtrlId] + pMenuID + ',';
}
function vMenu_HideSubmenu ( pCtrlId, pMenuLevel )
{
try
{
var MenuStr = new String();
objFrm = window.parent.frames(gSubmenuFrm);
if( typeof ( MenuList[pCtrlId] ) == 'undefined' || MenuList[pCtrlId] == null ) return;
MenuStr = MenuList[pCtrlId];
MenuArr = MenuStr.split(',');
for( i=0; i < ( MenuArr.length - 1 ); i++ )
{
MenuIds = MenuArr[i].split('_');
if( MenuIds[2] > pMenuLevel )
{
object = objFrm.document.getElementById(MenuArr[i]);
object.style.visibility = "hidden";
objFrm.document.getElementById('IF_'+object.id).style.visibility="hidden";
MenuStr = MenuStr.replace(MenuArr[i]+',','');
}
}
MenuList[pCtrlId] = MenuStr;
}
catch(e)
{
}
}
function vMenu_UnHilightItems ( pCtrlId, pLevel )
{
objFrm = window.parent.frames(gSubmenuFrm);
var ItemStr = new String();
ItemStr = HLItemList[pCtrlId];
if( typeof ( HLItemList[pCtrlId] ) == 'undefined' || HLItemList[pCtrlId] == null ) return;
ItemArr = ItemStr.split(',');
for( i=0; i < ( ItemArr.length - 1 ); i++ )
{
ItemIds = ItemArr[i].split('_');
if(ItemIds[2] >= pLevel )
{
if( ItemIds[2] == 1 )
{
objmfr = window.parent.frames(gMainmenuFrm);
object = objmfr.document.getElementById(ItemArr[i]);
object.className = gCSSList[pCtrlId][1];
objmfr.document.getElementById(object.id+'_1').className = gCSSList[pCtrlId][4];
objmfr.document.getElementById(object.id+'_2').className = gCSSList[pCtrlId][7];
}
// case : Item will be on submenu frame, use submenu frame reference to unhighlight item
else
{
object = objFrm.document.getElementById(ItemArr[i]);
object.className = gCSSList[pCtrlId][1];
objFrm.document.getElementById(object.id+'_1').className = gCSSList[pCtrlId][4];
objFrm.document.getElementById(object.id+'_2').className = gCSSList[pCtrlId][7];
}
ItemStr = ItemStr.replace(ItemArr[i]+',','');
}
}
HLItemList[pCtrlId] = ItemStr;
}
function vMenu_HighlightItems ( pCtrlId, pEventItemId, EventFrm )
{
objFrm = window.parent.frames(EventFrm);
objFrm.document.getElementById(pEventItemId).className = gCSSList[pCtrlId][2];
objFrm.document.getElementById(pEventItemId+'_1').className = gCSSList[pCtrlId][5];
objFrm.document.getElementById(pEventItemId+'_2').className = gCSSList[pCtrlId][8];
}
function vMenu_MenuItem_OnClick ( pTargetPage, pTargetType, pEventItem, pTargetFeatures, pReplace )
{
var EventItemId = pEventItem.id;
var IDs = EventItemId.split('_');
var CtrlId = new Number(IDs[1]);
vMenu_HideSubmenu( CtrlId, 0 );
vMenu_UnHilightItems( CtrlId, 0 );
window.open( pTargetPage, pTargetType, pTargetFeatures, pReplace );
}
item
function vMenu_MenuItem_OnMouseOut ( pEventItem )
{
var EventItemId = pEventItem.id;
var IDs = EventItemId.split('_');
var CtrlId = new Number(IDs[1]);
var Level = new Number(IDs[2]);
vMenu_setMenuTimer ( CtrlId );
}
function vMenu_MenuItem_OnMouseOver ( pEventItem )
{
var EventItemId = pEventItem.id;
var EventFrm = window.name;
// split item id, to get detail about item
var IDs = EventItemId.split('_');
var CtrlId = new Number(IDs[1]);
var Level = new Number(IDs[2]);
var ItemType = new Number(IDs[3]);
var ItemIndex = new Number(IDs[4]);
vMenu_clearMenuTimer ( CtrlId );
if( ( ItemType == 1 ) || ( ItemType == 4 ) ) return;
vMenu_HideSubmenu ( CtrlId, Level );
vMenu_UnHilightItems( CtrlId, Level );
if( ItemType == 3 )
{
MenuId = 'MNU_' + CtrlId + '_' + (Level+1) + '_' + ItemIndex;
vMenu_ShowSubmenu ( EventItemId, MenuId );
vMenu_AddtoMenuList ( CtrlId, MenuId );
}
vMenu_HighlightItems ( CtrlId, EventItemId, EventFrm );
vMenu_AddtoHLList ( CtrlId, EventItemId );
}
function vMenu_ShowSubmenu ( pEventItemId, pMenuID )
{
try
{
var IDs = pEventItemId.split('_');
var Level = new Number(IDs[2]);
var SFrm;
if ( Level == 1 )
{
SFrm = window.name;
objectfrm = window.parent.self;
}
else
{
SFrm = gSubmenuFrm;
objectfrm = window.parent.frames(SFrm);
}
objtgtfrm = window.parent.frames(gSubmenuFrm);
windowHeight = vMenu_GetWindowHeight ( SFrm );
windowYOffset = vMenu_GetWindowYOffset ( SFrm );
TopVal = vMenu_GetObjectTop ( pEventItemId, SFrm );
object = objtgtfrm.document.getElementById ( pMenuID );
tMenuHeight = object.offsetHeight;
if ( Level == 1 )
{
windowSubHeight = vMenu_GetWindowHeight ( gSubmenuFrm );
TopVal = TopVal - windowYOffset;
windowSubYOffset = vMenu_GetWindowYOffset ( gSubmenuFrm );
TopVal = TopVal + windowSubYOffset;
if ( ( TopVal + tMenuHeight ) > ( windowSubHeight + windowSubYOffset ) )
{
TopVal = windowSubHeight + windowSubYOffset - tMenuHeight;
if(TopVal < 0) TopVal = 0;
}
}
else
{
if ( ( TopVal + tMenuHeight ) > ( windowHeight + windowYOffset ) )
{
TopVal = windowHeight + windowYOffset - tMenuHeight;
if(TopVal < 0) TopVal = 0;
}
}
windowXOffset = vMenu_GetWindowXOffset ( gSubmenuFrm );
if ( Level == 1 )
{
LeftVal = windowXOffset;
}
/
else
{
windowWidth = vMenu_GetWindowWidth ( gSubmenuFrm );
LeftVal = vMenu_GetObjectLeft ( pEventItemId, gSubmenuFrm );
object = objectfrm.document.getElementById ( pEventItemId );
ParentWidth = object.offsetWidth;
object = objtgtfrm.document.getElementById ( pMenuID );
tMenuWidth = object.offsetWidth;
LeftVal = ParentWidth + LeftVal;
if (LeftVal + tMenuWidth > windowWidth + windowXOffset)
{
LeftVal = LeftVal-ParentWidth-tMenuWidth;
// case : calculated left is out of window area, set left to zero
if(LeftVal<0) LeftVal = 0;
}
}
// set left and top of menu object(table)
object.style.left = LeftVal;
object.style.top = TopVal;
// set visibility of menu object to true
object.style.visibility = "visible";
// set iframe position and dimension in such a way that it is displayed
// at the same location and of the same dimention
object_if = objtgtfrm.document.getElementById('IF_'+object.id);
object_if.style.width = object.offsetWidth;
object_if.style.height = object.offsetHeight;
object_if.style.top = object.style.top;
object_if.style.left = object.style.left;
// set visibility of iframe related to menu
object_if.style.visibility = "visible";
}
catch (e)
{
// debug
// alert ('exception:'+e);
}
}
// function determines width of specified frame window
// ???? Unsure which condition gives value under which scenario.
function vMenu_GetWindowWidth ( pFrm )
{
var value = 0;
objectfrm = window.parent.frames(pFrm);
if ( objectfrm.document.documentElement && objectfrm.document.documentElement.clientWidth )
{
value = objectfrm.document.documentElement.clientWidth;
}
else if ( objectfrm.document.body )
{
value = objectfrm.document.body.clientWidth;
}
if ( isNaN ( value ) )
{
value = top.innerWidth;
}
return (value);
}
// function determines height of the specified frame window
// ???? Unsure which condition gives value under which scenario
function vMenu_GetWindowHeight ( pFrm )
{
var value = 0;
objectfrm = window.parent.frames(pFrm);
if ( objectfrm.document.documentElement && objectfrm.document.documentElement.clientHeight )
{
value = objectfrm.document.documentElement.clientHeight;
}
else if ( objectfrm.document.body )
{
value = objectfrm.document.body.clientHeight;
}
if ( isNaN ( value ) )
{
value = top.innerHeight;
}
return (value);
}
// function that determines verticle offset of specified frame window (based on verticle scroll position)
// ???? Unsure which condition gives value under which scenario
function vMenu_GetWindowXOffset ( pFrm )
{
var value = 0;
objectfrm = window.parent.frames(pFrm);
if ( objectfrm.document.documentElement && objectfrm.document.documentElement.scrollLeft )
{
value = objectfrm.document.documentElement.scrollLeft;
}
else if ( objectfrm.document.body )
{
value = objectfrm.document.body.scrollLeft;
}
return (value);
}
// function that determines horizontal offset of specified frame window (based on verticle scroll position)
// ???? Unsure which condition gives value under which scenario
function vMenu_GetWindowYOffset ( pFrm )
{
var value = 0;
objectfrm = window.parent.frames(pFrm);
if ( objectfrm.document.documentElement && objectfrm.document.documentElement.scrollTop )
{
value = objectfrm.document.documentElement.scrollTop;
}
else if ( objectfrm.document.body )
{
value = objectfrm.document.body.scrollTop;
}
return (value);
}
// calculate Left position of given object from left of the document
function vMenu_GetObjectLeft ( pObjectName, pFrm )
{
var value = 0;
objectfrm = window.parent.frames(pFrm);
object = objectfrm.document.all(pObjectName);
// Loopthru parents to calculate left value
// until parent is Body or does not have parent container
while ( object.tagName != "BODY" && object.offsetParent )
{
// retrives reference to the container object of given object
object = object.offsetParent;
value += object.offsetLeft;
}
return (value);
}
// calculates Top position of given object from tope of the document
function vMenu_GetObjectTop ( pObjectName, pFrm )
{
var value = 0;
objectfrm = window.parent.frames(pFrm);
object = objectfrm.document.all(pObjectName);
value = object.offsetTop;
// Loopthru parents to calculate top value
// until parent is Body or does not have parent container
while ( object.tagName != "BODY" && object.offsetParent )
{
// retrives reference to the container object of given object
object = object.offsetParent;
value += object.offsetTop;
}
return (value);
}
// this function sets timer, and Function to be executed after timer time out
// settimeout function returns reference, whcih can be used to clear timer
// this function is called on mouse out of Menu item, so that Menu is closed automatically after some time
function vMenu_setMenuTimer ( pCtrlId )
{
gTimer[pCtrlId] = setTimeout('vMenu_HideSubmenu('+pCtrlId+',0);vMenu_UnHilightItems('+pCtrlId+',0);', 1000);
}
// this function clears timer using timer reference available, called onmouse over of menu item
function vMenu_clearMenuTimer ( pCtrlId )
{
clearTimeout(gTimer[pCtrlId]);
}
Experts, I'm banging my head against the wall with this one. http://www.dev.sgpconsulting.co.uk/weprintstuff The large header banner on the homepage is a Javascript slideshow used to generate interest in individual products. It works fine in IE, but not at all in FF or Chrome, and I can't figure out why. I'd really appreciate any advice anyone can offer. Steve wat's good.I tried the script at http://www.javascriptkit.com/script/script2/dropdownpanel.shtml but it's not working the right way.I followed what the tut suggests but still issue over issue.when I click on panel button it goes back but not on the page content.i don't know if need to change something in the css file or the js file. Appreciate your help! Hello i need help to find errors in that javascript i am trying to find the error but i could not i really need your help please here the javascript code <html> <head> <title>Textbox and submission button</title> <script language = "Javascript"> function display_messages() { if (var textentered = " message1") { alert (" This is message 1"); } else if (var textentered = " message2") { alert (" This is message 2"); } else if (var textentered = " message3") { alert (" This is message 3"); } else if (var textentered = " message4") { alert (" This is message 4"); } else if (var textentered = " message5") { alert (" This is message 5"); } else alert (" message name is not found"); } } var textentered = document.form1.textbox1.value var messages = new Array(5); alert(messages[0][1] = ["message1", "This is message 1"]); alert(messages[1][2] = ["message2", "This is message 2"]); alert(messages[2][3] = ["message3", "This is message 3"]); alert(messages[3][4] = ["message4", "This is message 4"]); alert(messages[4][5] = ["message5", "This is message 5"]); onclick="displayMessage();"; </head> </script> <body onclick="alert(document.form1.textbox1.button);"> <form name="form1"> <table border="0" cellspacing="0" cellpadding="5" width="60%" align="center"> <tr> <td>Textbox 1:</td> <td><input type="text" name="textbox1" value="" /> <input type="button" name="button" value="Submit" onclick="function_display_message();"/> </td> </tr> </table> </form> </body> </html> Can someone help me please I thank you for the help in advance. I am a total noob when it comes to Javascript but I am working on learning it. I am working on a site and used this script http://livepipe.net/ It works in ie fine on their site, but not on mine. On my site it runs on every browser except IE and generates the errors below. It is probably a small issue but please don't get fustrated with my ignorance on js. I am very new to javascript. I usually pay for somebody to do it for me but my connect is not around right now so I am stuck fixing this issue. Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; WOW64; Trident/4.0; Comcast Install 1.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.5.30729; .NET CLR 3.0.30729) Timestamp: Fri, 7 May 2010 15:55:29 UTC Message: Object doesn't support this property or method Line: 472 Char: 464 Code: 0 URI: http://roadhouserestoration.com/js/all.js Message: Object doesn't support this property or method Line: 12 Char: 2854 Code: 0 URI: http://roadhouserestoration.com/site...y.js?ver=1.3.2 Message: Object doesn't support this property or method Line: 1 Char: 1 Code: 0 URI: http://roadhouserestoration.com/site...pts.js?ver=2.2 Message: Object doesn't support this property or method Line: 460 Char: 1 Code: 0 URI: http://roadhouserestoration.com/js/all.js Message: Object doesn't support this property or method Line: 460 Char: 1 Code: 0 URI: http://roadhouserestoration.com/js/all.js Message: Object doesn't support this property or method Line: 460 Char: 1 Code: 0 URI: http://roadhouserestoration.com/js/all.js Message: Object doesn't support this property or method Line: 460 Char: 1 Code: 0 URI: http://roadhouserestoration.com/js/all.js Message: Object doesn't support this property or method Line: 460 Char: 1 Code: 0 URI: http://roadhouserestoration.com/js/all.js Message: Object doesn't support this property or method Line: 460 Char: 1 Code: 0 URI: http://roadhouserestoration.com/js/all.js Message: Object doesn't support this property or method Line: 460 Char: 1 Code: 0 URI: http://roadhouserestoration.com/js/all.js Message: Object doesn't support this property or method Line: 460 Char: 1 Code: 0 URI: http://roadhouserestoration.com/js/all.js Message: Object doesn't support this property or method Line: 460 Char: 1 Code: 0 URI: http://roadhouserestoration.com/js/all.js Message: Object doesn't support this property or method Line: 460 Char: 1 Code: 0 URI: http://roadhouserestoration.com/js/all.js Message: Object doesn't support this property or method Line: 460 Char: 1 Code: 0 URI: http://roadhouserestoration.com/js/all.js Message: Object doesn't support this property or method Line: 460 Char: 1 Code: 0 URI: http://roadhouserestoration.com/js/all.js The actual address to the website is http://roadhouserestoration.com/site Hello, I have a website that has some javascript on it, this works fine in Chrome, Opera, Safari and Firefox but not IE (any version I've tried). I've installed Firebug to try to help debug it but that doesn't pick up any issues. I'm not very good when it comes to javascript so would appreciate any assistance. The page with the javascript is he http://www.fantasy-f1-league.com/team3.php You will need to login, please use these details: user: test pw: test The javascript is supposed to update the "Remaining Budget" as you choose options from the dropdowns, it also does a few other things such as prevents submission of invalid team selections. Thanks for any assistance. David I have this problem with a javascript in Internet Explorer 7 and maybe 6. in all browsers it's working fine, but not in IE 7. i've tried security settings and adding to safe websites, but it's not working. the code if to disable some elements when the other is clicked. here's the code, what is wrong with it? Code: function checkthebox() {
$('#toggleElement').attr('checked', true);
if ($('#toggleElement').is(':checked')) {
$('#vastematen .required').attr('disabled', true);
$('#eigenmaten').removeAttr('disabled');
} else {
$('#vastematen .required').removeAttr('disabled');
$('#eigenmaten').attr('disabled', true);
}
}
function toggleStatus() {
if ($('#toggleElement').is(':checked')) {
$('#vastematen .required').attr('disabled', true);
$('#eigenmaten :input').removeAttr('disabled');
} else {
$('#vastematen .required').removeAttr('disabled');
$('#eigenmaten :input').attr('disabled', true);
}
}
thanks in advance Hey all, great forum! I am wanting to change the CSS properties for a webapp.. The default instance is when the webapp is launched from a safari browser. The part I have trouble with, is defining how to show different CSS when the webapp is launched from the homescreen of a mobile device. Here is the code I am trying, but have no luck: Quote: <script type="text/javascript"> if (window.navigator.standalone == true) { //alert('homescreen'); $('body > #footer').css({bottom: '0px !important'}); $('body > #wrapper').css({bottom: '0px !important'}); } </script> I have a jumpmenu that opens a shadowbox to show an image. It works fine in IE9, but in IE7 the shadowbox does not open and in the developer tools the error says "The value of the property 'MM_jumpMenu' is null or undefined, not a Function object". Being a noob I have no idea what the problem is. The coding in the <head> is; Code: <script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>
<script type="text/javascript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
if (selObj.selectedIndex == 0) return;
Shadowbox.open({
content: selObj.options[selObj.selectedIndex].value,
player: 'img',
});
if (restore) selObj.selectedIndex=0;
} function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
And in the <body> is; Code: <div id="apDiv2">
<form name="form1" id="form1">
<select name="Tema Demo" onchange="MM_jumpMenu('parent',this,0)">
<option value="Select Campsite" selected="selected">Select Campsite</option>
<option value="/images/stories/campsite_images/Site (1)/1.jpg">Site 1</option>
<option value="/images/stories/campsite_images/Site (3)/3.jpg">Site 3</option>
</select>
</form>
</div>
There are more options than this but I reduced them down for convenience. Any help would be greatly appreciated. Many thanks, Keith. Hello, I am learning some javascript and was testing this code from this site: Code: <script type='text/javascript'>
function lengthRestriction(elem, min, max){
var uInput = elem.value;
if(uInput.length >= min && uInput.length <= max){
return true;
}else{
alert("Please enter between " +min+ " and " +max+ " characters");
elem.focus();
return false;
}
}
</script>
<form>
Username(6-8 characters): <input type='text' id='restrict'/>
<input type='button'
onclick="lengthRestriction(document.getElementById('restrict'), 6, 8)"
value='Check Field' />
</form>
It only works when I click the "Check Field" button. It does not work when I hit "Enter" button on my keyboard, while it does on that site. Can anyone give me some idea what's going on? How can this be solved? Thanks for your help Hi All I've been following an example on how to build an interactive carousel, but I am unable to get the javascript to make the carousel loop continously. I've posted all the code below, if anyone can show me the error I would be very grateful. Code: <!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=utf-8" />
<title>Interactive Carousel</title>
<style type="text/css">
#feature_holder{position:relative; top:150px; overflow:hidden; height:400px; width:100%;}
.feature{position:absolute; width:1000px; height:400px; top:0; z-index:1;}
.arrow_right{right:20px;}
.arrow_left{left:20px;}
.arrow{height: 70px; width:70px; z-index:2; top:160px; position:absolute; background:#000;}
#feature_1{background: #666666;}
#feature_2{background: #225566;}
#feature_3{background: #006600;}
#feature_4{background: #ff0066;}
#feature_5{background: #00ff00;}
#feature_6{background: #0380ff;}
</style>
</head>
<body>
<div id="feature_holder">
<div class="arrow arrow_left"></div>
<div class="arrow arrow_right"></div>
<div class="feature" id="feature_1"></div>
<div class="feature" id="feature_2"></div>
<div class="feature" id="feature_3"></div>
<div class="feature" id="feature_4"></div>
<div class="feature" id="feature_5"></div>
<div class="feature" id="feature_6"></div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script>
var BrowserWidth
var FeatureCount
var CurrentFeature = 1
var NextFeature
var NextNextFeature
var PrevFeature
var PrevPrevFeature
$(document).ready (function(){
setFeatureCount()
getBrowserWidth()
setClicks()
setNextPrev()
setFeaturePosition()
});
setFeatureCount = function(){
FeatureCount = $('#feature_holder').children('.feature').length;
}
getBrowserWidth = function(){
BrowserWidth = $(window).width();
}
setClicks = function(){
$('#feature_holder').children('.arrow_left').click(function(){
SlideInFeature(true);
});
$('#feature_holder').children('.arrow_right').click(function(){
SlideInFeature(false);
});
}
setNextPrev = function(){
PrevFeature = (CurrentFeature-1);
PrevPrevFeature = (CurrentFeature-2);
NextFeature = (CurrentFeature+1);
NextNextFeature = (CurrentFeature+2);
if (CurrentFeature == 1){
PrevFeature = FeatureCount;}
setFeaturePosition = function(){
$('#feature_holder').children('.feature').css('left', -9999);
var CurrentPositioning = (BrowserWidth/2) - 500;
$('#feature_'+CurrentFeature).css('left', CurrentPositioning);
var NextPositioning = (BrowserWidth/2) + 500;
$('#feature_' +NextFeature).css('left', NextPositioning);
var PrevPositioning = (BrowserWidth/2) - 1500;
$('#feature_'+PrevFeature).css('left', PrevPositioning);
}}
</script>
</body>
</html>
Thanks Hey everyone, I am having troubles with my form not working correctly in IE. I have onclicks for different parts of my site. I am trying to use onclick and divs to make this happen. Can some look at my code and help me out? Thanks/ Code: <script type="text/javascript">
function switchFS(obj) {
var fset,i,fsclass;
fset=document.getElementsByTagName('fieldset');
fsclass = obj;
for ( i=0; i<fset.length; i++) {
if ((fset[i].getAttribute('class') != "user") && (fset[i].getAttribute('class') != fsclass)) {
fset[i].style.display = "none";
} else {
fset[i].style.display = "block";
}
}
}
</script>
</head>
<body id="submitform">
<div id="container">
<div id="header">
<?php include($dirprefix . "external/include/header.html"); ?>
</div><!-- end header -->
<div id="maincontent">
<h3> </h3>
<?php include($dirprefix . "external/include/menu_inactive.html"); ?>
<div id="bodycontent">
<div id="bodyleftcol">
<h4>Contact</h4>
<h5>Registration</h5>
</div>
<div id="bodyrightcol">
<h1 class="formhead">Site Registration</h1>
<p>Please register if you are a Zimmer customer, or an agency or designer working on behalf of one. Completing the requested information will enable us to continue to update and improve site content. Please make note of your password for future reference. You will receive an email with your login information.</p>
<div id="mainrightcol">
<form name="form" id="register" method="post" action="processregister.php">
<fieldset class="user">
<legend>i am a:</legend>
<label><input type="radio" value="Healthcare provider" class="checkbox" name="usertype" onclick="switchFS('healthcare');" /> Healthcare provider</label>
<label><input type="radio" value="Agency or designer for a customer" class="checkbox" name="usertype" onclick="switchFS('agency');" /> Agency or designer for a customer</label>
<label><input type="radio" value="Independent agency or designer" class="checkbox" name="usertype" onclick="switchFS('agency');" /> Independent agency or designer</label>
<label><input type="radio" value="Zimmer employee" class="checkbox" name="usertype" onclick="switchFS('zimmer');" /> Zimmer employee</label>
<label><input type="radio" value="Zimmer field representative" class="checkbox" name="usertype" onclick="switchFS('zimmer1');" /> Zimmer field representative</label>
<label><input type="radio" value="Media" class="checkbox" name="usertype" onclick="switchFS('user');" /> Media</label>
<label><input type="radio" value="Healthcare Author/Publisher" class="checkbox" name="usertype" onclick="switchFS('author');" /> Healthcare Author/Publisher</label>
<label><input type="radio" value="Other" class="checkbox" name="usertype" onclick="switchFS('user');" /> Other</label>
</fieldset>
<fieldset class="zimmer" style="display: none;">
<legend>zimmer information</legend>
<!--<label for="businessunit">Zimmer business unit: <input type="text" name="businessunit" value="" required="required" /></label>-->
<label for="division">Zimmer business unit:
<select name="division">
<option value="">- n/a -</option>
<option value="Knees">Knees</option>
<option value="Hips">Hips</option>
<option value="Extremities">Extremities</option>
<option value="Trauma">Trauma</option>
</select></label>
</fieldset>
<fieldset class="zimmer1" style="display: none;">
<legend>zimmer information</legend>
<!--<label for="businessunit">Zimmer business unit: <input type="text" name="businessunit" value="" required="required" /></label>-->
<label for="distributorship">Zimmer distributorship:
<input type="text" name="distributorship" value="" required="required" /></label>
</fieldset>
I have added the javascript and the section of code where the user picks how they are. Once you click on one of the users in IE the form goes away. Hi, This problem has completely stumped me, was hoping from a bit of advice. I have used the code of my affiliate software to show my company logo. This code works in Firefox, but for some reason doesn't work in IE. The company who own the affiliate software have never seen this problem before and have been unable to assist. Not sure if it's a server problem? To see the problem have a look at logo at the top of my test website in firefox then IE. http://www.nctshop.co.uk/staging/ Here is a snippet of the code below. It is the line where it links to nctshopaffiliate which is where the problem lies. Thanks! Adrian Code: <table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td class="topnav1bgcolor">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><a href="../default.asp"><script language="JavaScript" type="text/javascript" src="http://www.nctshopaffiliate.co.uk/display.php?token=logo" alt="NCTSHOP" width="650" height="89" border="0"/></script></a></td>
<td align="right" valign="top">
<table width="223" border="0" cellpadding="0" cellspacing="0">
<tr><td height="5" colspan="5"><img src="images/clear.gif" alt="" style="width:1;height:1;border:0"></td></tr>
<tr><td colspan="5"> </td></tr>
<tr><td height="25" colspan="5"><img src="images/clear.gif" alt="" style="width:1;height:1;border:0"></td></tr>
<tr>
<td class="plaintext"><a title="View Basket" href="basket.asp"><img src="images/newcart_Img.gif" alt="View Basket" style="width:23;height:12;border:0"></a></td>
<td><img src="images/clear.gif" alt="" style="width:5;height:1;border:0"></td>
<td style="background-image:url(images/bkg_cartinfo.gif);height:21">
<table width="200" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td class="plaintext" align="center"><a title="View Basket" href="basket.asp"><span class="plaintext"><u>Items</u></span></a> <%=session("SL_BasketCount")%>
|
Sub Total <%=formatcurrency(session("SL_BasketSubTotal"))%></td>
</tr>
</table>
</td>
<td> </td>
<td><a class="topnav1" title="Checkout" href="<%=session("secureurl")%>custinfo.asp" ><u>Checkout</u></a></td>
</tr>
</table>
</td>
<td style="width:10"><img src="images/clear.gif" alt="" style="width:1;height:1;border:0"></td>
</tr>
</table>
</td>
</tr>
</table>
Hey, everyone: I've been having some trouble with javascript in different browsers. I developed my website using Safari and Chrome on a Mac, only to now realize that some of my javascript will NOT function in FireFox and IE (for both Mac and Windows). I understand that each browser has its quirks, but I'm not aware of anything that would cause my code to act so strangely. The biggest problem seems to be my onload() call in the body tag. I'm definitely an amateur, so forgive me if my work is not professional. Here's the JS in the head: Code: <meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<title>Wave Shark | Compose, Store, and Share Workouts</title>
<script type="text/javascript">//<![CDATA[
function toggle(e) {
if (e.style.display == "none") {
e.style.display = "";
} else {
e.style.display = "none";
}
}
//]]>
</script>
<script type="text/javascript">//<![CDATA[
var domainroot="#"
function Gsitesearch(curobj)
{
curobj.q.value="site:"+domainroot+" "+curobj.qfront.value
}
//]]>
</script>
<link href="cssFiles/style.css" rel="stylesheet" type="text/css" media="screen" />
<link rel="shortcut icon" href="../cssFiles/images/img04.jpg" type="image/x-icon" />
<script src="incFunctions/functions.js" type="text/javascript">
</script>
</head>
And in the body tag: Code: <body oncontextmenu="return false;" onload="toggle(progress)"> <div id="progress" style="text-align:center;width:100%"><strong style="font-size:14pt;color:#0000DD;font-family:"arial,helvetica,sans-serif">Loading...</strong></div> In addition to that, you can check out: http://waveshark.elementfx.com/incFu...s/functions.js Any and all suggestions are appreciated. Hi: I am having an issue that is quite strange. I have some javascript included into a page. It is working perfectly on one website. I duplicated the exact page to another domain and it wont work there at all. I have verfied that the html and javascript are exactly identical on both sites. Please help. Note: Both sites are defined in IIS on the same server. Also both sites directories are on the same server. Code: <link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css">
<script src="http://jqueryui.com/jquery-1.4.4.js"></script>
<script src="http://jqueryui.com/ui/jquery.ui.core.js"></script>
<script src="http://jqueryui.com/ui/jquery.ui.widget.js"></script>
<script src="http://jqueryui.com/ui/jquery.ui.accordion.js"></script>
<script>
$(function () {
$("#accordion").accordion();
});
</script>
|
|||||||