JavaScript - Lightbox Not Working On Safari (but Works Everywhere Else)

Hey Everyone,

I have a simple Java Script function I setup for a pop up that requests a discount code. Works awesome in Chrome, FF and on smart phones... but IE and Safari don't work at all.

Here is the code..

This is in my header

<script>
function passWord1018() {
var testV = 1;
var pass1 = prompt('Please Enter The Discount Code',' ');
while (testV < 3) {
if (!pass1)
history.go(-1);
if (pass1.toLowerCase() == "ultra") {
alert('Code Accepted! Press Ok To Be Redirected To The Discounted Price Page');
window.open('discounted101018.aspx');
break;
}
if (pass1.toLowerCase() == "sexydiscount") {
alert('Code Accepted! Press Ok To Be Redirected To The Discounted Price Page');
window.open('discounted201018.aspx');
break;
}
testV+=1;
var pass1 =
prompt('Code Denied - Code Incorrect, Please Try Again.','Code');
}
if (pass1.toLowerCase()!="password" & testV ==3)
history.go(-1);
return " ";
}
</script>

This is in the body

<center>
<form>
<br />
<input type="button" value="Enter Discount Code" onclick="passWord1018()" />
</form>
</center>

I found on another site where someone mentioned the <center> tags are not used anymore, but i tried removing those and still nothing...

Any insight would be helpful...Thanks

Jason

Can anyone tell me why the following works in IE but not the other browsers?

It's the "Select category..." jump menu at this URL: www.savasbeatie.com/books.htm

Code:

<TD>
	                  <form name="whichCat" style="margin-bottom:0" method="get">
                        <select name="catChoice" onChange="sendValue(this);">
                          <option class="news4" value="javascript:location.reload(true)" selected>Select Category...</option>
                          <option class="news4" value="php/IraqWars.php?q=Iraq%20Wars">Iraq Wars/Current Affairs</option>
						  <option class="news4" value="php/AncientHistory.php?q=Ancient%20History">Ancient History</option>
                          <option class="news4" value="php/AmericanRevolution.php?q=American%20Revolution">American Revolution</option>
                          <option class="news4" value="php/NapoleonicWar.php?q=Napoleonic%20War">Napoleonic War</option>
                          <option class="news4" value="php/AmericanCivilWar.php?q=American%20Civil%20War">American Civil War</option>
                          <option class="news4" value="php/IndianWars.php?q=Indian%20Wars">Indian Wars</option>
                          <option class="news4" value="php/WorldWars.php?q=World%20Wars">World Wars</option>
                          <option class="news4" value="php/Naval.php?q=Naval">Naval</option>
                          <option class="news4" value="php/MilitaryScience.php?q=Military%20Science">Military Science</option>
                          <option class="news4" value="php/SportsHistory.php?q=Sports%20History">Sports History</option>
                          <option class="news4" value="php/Other.php?q=Other">Other</option>
                        </select>
                      </form>
                    </TD>

I've been called in to help with this, but did not build the site. There's a frame that's supposed to display the link contents, and it's returning the error:

Error: document.getElementById("SB_Frame") is null
Source File: http://savasbeatie.com/jscripts/SB_util.js
Line: 11

I think it has something to do with the ID of the frame, (from Googling the error and reading some other posts,) but can't figure out where to put the tag.

Thanks for any help. - David

Hello,

I am having some trouble with script on some pages I am maintaining. Do to some limitations I need to post the same script on everypage. My intent is for the code to do the following:

*On a particular page, after 15 seconds display a yes/no input box that leads users to another page in a new window
*On 4 other specifc pages, when the user departs, a new window pops with yes/no inputs
*If the user declines on previous inputs (selects no), I am placing a cookie on their machine to prevent future popups.

Everything seems to be working well in FireFox 3.6 and Safari 4.0.4. Unfortunately I have been having no luck in IE 8.0.6. The message does not come up after 15 seconds on the designated page. When leaving subsequent pages, the popup does not pop.

I am guessing there are two areas that might be causing the problem, but to see the code in action and context - here is a link: http://www.userinsight.biz/sharedev/...gitest2/1.html

Here is the first hunk:

Code:

function disp_popup()
{	
	var currUrl=location.href;
	
	var link2="http://www.userinsight.biz/sharedev/shareyourinsights/pgitest2/2.html";
	var link3="http://www.userinsight.biz/sharedev/shareyourinsights/pgitest2/3.html";
	var link4="http://www.userinsight.biz/sharedev/shareyourinsights/pgitest2/4.html";
	var link5="http://www.userinsight.biz/sharedev/shareyourinsights/pgitest2/5.html";
		
		 if (currUrl.toLowerCase()==link2.toLowerCase())	
				{
				var cookiename="survey2";				
				}
					else if (currUrl.toLowerCase()==link3.toLowerCase())	
				{
				var cookiename="survey3";				
				}
					else if (currUrl.toLowerCase()==link4.toLowerCase())	
				{
				var cookiename="survey4";				
				}
					else if (currUrl.toLowerCase()==link5.toLowerCase())	
				{
				var cookiename="survey5";				
				}
		
			var x = readCookie(cookiename);
					
			if (x) {
				//cookie for this name already set. Page already visited so no popup.
			}
			else
				{
					createCookie(cookiename,'Survey',365);	
					disp();
				}
			
	}
	function disp()
	{
	var currUrl=location.href;
	var surveyno="";
	
	var link2="http://www.userinsight.biz/sharedev/shareyourinsights/pgitest2/2.html";
	var link3="http://www.userinsight.biz/sharedev/shareyourinsights/pgitest2/3.html";
	var link4="http://www.userinsight.biz/sharedev/shareyourinsights/pgitest2/4.html";
	var link5="http://www.userinsight.biz/sharedev/shareyourinsights/pgitest2/5.html";
		
		
	 if (currUrl.toLowerCase()==link2.toLowerCase())	
				{
					surveyno="survey2";
				
				}
				else if (currUrl.toLowerCase()==link3.toLowerCase())	
				{
								surveyno="survey3";
				}
				else if (currUrl.toLowerCase()==link4.toLowerCase())	
				{
								surveyno="survey4";
				}
				else if (currUrl.toLowerCase()==link5.toLowerCase())	
				{
				surveyno="survey5";
				}
		
				if (surveyno!="")
				{
	testwindow=window.open("http://www.userinsight.biz/sharedev/shareyourinsights/pgitest2/surveydisplay.html?survey="+surveyno,"mywindow",
      "location=1,status=1,scrollbars=0,resizable=1,width=350,height=385");
				testwindow.moveTo(200,200);
				
				}		
	}

Here is the other hunk (checkTime):
Code:

function checkTime()
	{
		
var currUrl=location.href;
	var link1="http://www.userinsight.biz/sharedev/shareyourinsights/pgitest2/1.html";
		
		
		if (currUrl.toLowerCase()==link1.toLowerCase())	
			{
				var cookiename="survey1";
			}
				
		
			var x = readCookie(cookiename);
					
			if (x) {
				//cookie for this name already set. Page already visited so no popup.
				
			}
			else
			{
				
					if(cookiename=="survey1")
					setTimeout(function(){timeoutdone(cookiename)},15000);
			
			}
	}
	
	function timeoutdone(cookiename)
	{
		
	createCookie(cookiename,'Survey',365);
	DisplayAlert('AlertBox',200,100);
	}

Thank you, thank you, thank you for any ideas you might have! I am going nutz!

-Mike

I can't figure it out hoping for some help. The calendar pops up in IE but will not work in Firefox or safari.

The page can be viewed at http://www.lackawanna.edu/lib-form/e...nt-request.asp

ok so ive nearly finished the animated javascript in my site.
http://calumk.com/

to see the effect launch in chrome or safari, it works fine..
but its not working in Firefox
(and i havent tested IE.. if someone could, i would appreciate it)

i have no-idea why.. .
im using the http://berniecode.com/writing/animator.html library
which works fine in all browsers..

Any help would be apreciated...

I would post the code, but its probably easier if you just view source

Hi for some reason my lightbox, downloaded from (huddletogether/projects - Lightbox 2) isn't working. I have a javascript slider that IS working on the page aswell

You can view a test page here
http://www.spmcreative.co.uk/patrickedward/gallery.html

(only the first thumbnail is clickable)

I have attached some code below, please let me know if you need to see any more,


Code:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Patrick Edward Diamonds</title>

  <link rel="stylesheet" href="CSS/style.css" type="text/css" />
  <link rel="stylesheet" href="CSS/screen.css" type="text/css" media="screen" /><br />
  <link rel="stylesheet" href="CSS/lightbox.css" type="text/css" media="screen" />
	
	<script src="js/prototype.js" type="text/javascript"></script>
	<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
	<script src="js/lightbox.js" type="text/javascript"></script>
<style type="text/css">
body {
	background-image: url(img/MainBG.gif);
	background-repeat: repeat;
}
a:link {
	color: #999;
	text-decoration: none;
	border:0;
}
a:visited {
	text-decoration: none;
	color: #999;
	border:0;
}
a:hover {
	text-decoration: none;
	color: #000;
	border:0;
}
a:active {
	text-decoration: none;
	border:0;
}
</style>
</head>


<body>

  <div id="container">
    <div id = "header">
     <div class = "logo">
      <a href="index.html">
        <img src="img/logo.png" alt ="Patrick Edward Diamonds" />
       </a>
        </div>
      
      <ul id="nav">
        <li><a href="index.html"> Home |</a></li>  
        <li><a href="collections.html"> Collections |</a></li> 
        <li><a href="design.html"> Design Service |</a></li> 
        <li><a href="trade.html"> Trade Service |</a></li> 
        <li><a href="gallery.html"> Design Gallery |</a></li>
        <li><a href="contact.html"> Contact Us</a></li>  
      </ul>
    
    </div> <!--end of header-->
    
     <div class="main_view">
    <div class="window">
        <div class="image_reel">
            <a href="#"><img src="img/reel_1.jpg" alt="" /></a>
            <a href="#"><img src="img/reel_2.jpg" alt="" width="780" height="245" /></a>
            <a href="#"><img src="img/reel_3.jpg" alt="" /></a>
            <a href="#"><img src="img/reel_4.jpg" alt="" /></a>
        </div>
    </div>
    <div class="paging">
        <a href="#" rel="1"><img src="img/bullet.png" alt="" /></a>
        <a href="#" rel="2"><img src="img/bullet.png" alt="" /></a>
        <a href="#" rel="3"><img src="img/bullet.png" alt="" /></a>
        <a href="#" rel="4"><img src="img/bullet.png" alt="" /></a>
    </div>
    </div> <!--end of banner--> 
        
     <div id="main1">
     <p><img src="img/gallery.png" alt="Gallery" /></p>
     <div class="album">
    <div class="imageSingle">
        <div class="image"><a href="img/Lgallery1.jpg" rel="lightbox" title="my caption"><img src="img/gallery1.jpg"/></a></div>
    </div>

Thanks,
Simon

When i click on an image, it just opens in a new tab, lightbox doesn't work?!

PHP Code:

    $jq_add_div_strings = '';
    $jq_div_classes_csv = '';
    $counter = 0;

    //startarray

    $bikearray = array();

    //$query  = "SELECT * FROM wmb_members ORDER BY rsDatetaken DESC LIMIT $offset, $rowsPerPage";
    //$query  = "SELECT * FROM wmb_members LEFT JOIN wmb_pics ON wmb_pics.UserID=wmb_members.UserID ORDER BY rsDatetaken DESC LIMIT $offset, $rowsPerPage";
    $query = "SELECT M.*, P.picid, P.filename "
           . " FROM ( SELECT * "
           . "        FROM wmb_members "
           . "        ORDER BY rsDateTaken DESC, UserID ASC "
           . "        LIMIT " . $offset . "," . $rowsPerPage . " ) AS M "
           . " LEFT JOIN wmb_pics AS P "
           . " ON M.UserID = P.UserID "
           . " ORDER BY M.rsDateTaken DESC, M.userID ASC, P.picid ASC;";
    //$query  = "SELECT wmb_members.*, wmb_pics.* FROM wmb_members INNER JOIN wmb_members ON wmb_members.UserID=wmb_pics.UserID ORDER BY rsDatetaken DESC LIMIT $offset, $rowsPerPage";

    $result = mysql_query($query);
    $num_rows = mysql_num_rows($result);
    //echo "DEBUG SQL: " . $query . "<HR>";
    //echo "DEBUG: query returned " . $num_rows . " rows<hr>\n";

    // remember the UserID of the prior row  ... no prior row to start, so blank:
    $priorid = "";

    while ($row = mysql_fetch_assoc($result))
    {
        // get the UserID for the current row in the results
        $curid = $row['UserID'];
        // if not the same as the prior row, then create a new set of data in the bikearray:
        if ( $curid != $priorid )
        {
            // I'm guessing that this stuff goes he
            $jq_add_div_strings .= "animatedcollapse.addDiv('jason$counter', 'hide=1', 'fade=1,height=180px')\n";
            $jq_div_classes_csv .= "'jason$counter',";

            // on firmer footing here...this should be right:
            // store main data array
            $bikearray[$curid]['UserID']        = $curid;
            $bikearray[$curid]['rsBikeman']     = $row['rsBikeman'];
            $bikearray[$curid]['rsBikemod']     = $row['rsBikemod'];
            $bikearray[$curid]['rsBikeyear']    = $row['rsBikeyear'];
            $bikearray[$curid]['rsBikecolor']   = $row['rsBikecolor'];
            $bikearray[$curid]['rsDatetaken']   = $row['rsDatetaken'];
            $bikearray[$curid]['rsLocation']    = $row['rsLocation'];
            $bikearray[$curid]['rsOtherinfo']   = $row['rsOtherinfo'];
            $bikearray[$curid]['rsLocpostcode'] = $row['rsLocpostcode'];
            $bikearray[$curid]['rsLocked']      = $row['rsLocked'];
            $bikearray[$curid]['lockType']      = $row['lockType'];
            $bikearray[$curid]['frontSus']      = $row['frontSus'];
            $bikearray[$curid]['rearSus']       = $row['rearSus'];
            $bikearray[$curid]['frontLight']    = $row['frontLight'];
            $bikearray[$curid]['rearLight']     = $row['rearLight'];
            $bikearray[$curid]['bikeBell']      = $row['bikeBell'];
            $bikearray[$curid]['bikeBasket']    = $row['bikeBasket'];
            $bikearray[$curid]['bikeBag']       = $row['bikeBag'];
            $bikearray[$curid]['rsUser']        = $row['rsUser'];
            $bikearray[$curid]['rsEmail']       = $row['rsEmail'];

            // How do you specify an empty array in PHP??
            $bikearray[$curid]['pictures'] = array();         
            // This is how many pictures there are for current UserID:
            $piccount = 0;

            $counter++;

            // and change priorid for the match test at top of loop
            $priorid = $curid;
        }
        // then regardless if new userid or a repeated userid...
        // see if this record has a valid (non null, non blank) filename:
        $pic = $row['filename'];
        if(!empty($pic))
        {
            // yes...a valid filename...so add it to the array
            $bikearray[$curid]['pictures'][$piccount] = $pic;
            // and count it
            ++$piccount;
        }       
       
    }
    $jq_div_classes_csv = rtrim($jq_div_classes_csv,",");


    $bikearray_html = array();
    $i = 0;

    foreach ($bikearray as $id=>$DETAILS)
    {
        @$bikearray_html[$i] .=  "<div id=\"pubholder\" class=\"wrap\">";
        $bikearray_html[$i] .= "<div class=\"entry_header\">";
        $bikearray_html[$i] .= "<a href=\"javascript:animatedcollapse.show('jason$i')\" >show more details ></a>&nbsp;";
        $bikearray_html[$i] .= "<a href=\"javascript:animatedcollapse.hide('jason$i')\" >hide ^</a>";
        $bikearray_html[$i] .= "<div><b>".$DETAILS['rsUser']."'s ".$DETAILS['rsBikeman']." ".$DETAILS['rsBikemod']."</b> was taken from <b>".$DETAILS['rsLocation']."</b> on <b>".$DETAILS['rsDatetaken']."</b></div>";
        $bikearray_html[$i] .= "<div id=\"jason$i\">\n";
        $bikearray_html[$i] .= "</br></br>";
        $bikearray_html[$i] .= "<b>Owners email:</b> <a href=\"mailto:".$DETAILS['rsEmail']."\"> ".$DETAILS['rsEmail']."</a></br>";
        $bikearray_html[$i] .= "<b>Bike year:</b> ".$DETAILS['rsBikeyear']." </br>";
        $bikearray_html[$i] .= "<b>Bike color:</b> ".$DETAILS['rsBikecolor']." </br>";
        $bikearray_html[$i] .= "<b>Locked:</b> ".$DETAILS['rsLocked']." </br>";
        $bikearray_html[$i] .= "<b>Lock type:</b> ".$DETAILS['lockType']." </br>";

        $bikearray_html[$i] .= "<b>additional extras:</b></br>
        <i> Front suspension: ".$DETAILS['frontSus']."</br>
         Rear suspension: ".$DETAILS['rearSus']."</br>
         Front Light: ".$DETAILS['frontLight']."</br>
         Rear Light: ".$DETAILS['rearLight']."</br>
         Bell: ".$DETAILS['bikeBell']."</br>
         Basket: ".$DETAILS['bikeBasket']."</br>
         Bag: ".$DETAILS['bikeBag']."</i></br>";
          
         
        $bikearray_html[$i] .= "<b>Other info:</b> ".$DETAILS['rsOtherinfo']." </br>";
        if(!empty($DETAILS['pictures'])){
         foreach($DETAILS['pictures'] as $piccount => $pic){
         [B]$bikearray_html[$i] .= "<a href=\"upload/".$pic."\" rel=\"lightbox[bikes]\" border=\"0\"><img src=\"upload/".$pic."\" height=\"75\" width=\"100\" \></a>[/B] &nbsp;";        // do what you want here
         }
    }else{
       // no picture for this user
    }
        $bikearray_html[$i] .= "</br>";
            
        $bikearray_html[$i] .= "</div>\n";
        $bikearray_html[$i] .= "</div>\n";
        $bikearray_html[$i] .= "</div>\n";

        $i++;
    }

    mysql_close($link);
    ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">

    <head>
    <meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
    <title>Stolen Bikes, mountain bikes, bmx bikes, Other cycles and bicycles in the UK</title>
    <meta name="description" content="Website to help people get their stolen bikes back" />
    <meta name="keywords" content="stolen, thief, mountain bike, bicycle, UK, nicked, MTB" />
    <meta name="Content-Language" content="en-gb" />
    <meta name="robots" content="FOLLOW,INDEX" />
    <meta name="revisit-after" content="2 days" />
    <meta name="copyright" content="www.wheresmybike.co.uk" />
    <meta name="author" content="www.mutecms.com - Professional web site design in the south uk, worthing, brighton" />
    <meta name="distribution" content="Global" />
    <meta name="resource-type" content="document" />
            <script type="text/javascript">
            swfobject.registerObject("myId", "9.0.0", "expressInstall.swf");
            </script>
    [B]<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />[/B]
    <link rel="stylesheet" type="text/css" href="css/reset-style.css" />
    <link rel="stylesheet" type="text/css" href="css/sitestyle.css" />
    <link rel="stylesheet" type="text/css" href="css/default.css" />
        <script type="text/javascript" src="javascript/prototype.js"></script>
        <script type="text/javascript" src="javascript/effects.js"></script>
        <script type="text/javascript" src="javascript/lightwindow.js"></script>
        [B]<script type="text/javascript" src="js/swfobject.js"></script>
        <script type="text/javascript" src="js/external.js"></script>
        <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>[/B]
        <script type="text/javascript" src="js/lightbox.js"></script>
        <script type="text/javascript" src="js/jva.js"></script>
        <script type="text/javascript" src="jquery-1.2.2.pack.js"></script>
        <script type="text/javascript" src="animatedcollapse.js"></script>
    <script type="text/javascript">
        animatedcollapse.init()
        <?php echo $jq_add_div_strings; ?>
    </script>
    </head>
    <body>
    <div id="doc">
        <div id="hd">   
            <h1>Where's my bike?</h1>
            <div class="manbike"></div>
            <div class="cctv"></div>
            <ul>
                <li><a href="default.php" title="Homepage and News">home</a></li>
                <li><a href="bike.html" title="Featured Bike">the bike</a></li>
                <li><a href="thieves.html" title="Featured Thief">the thief</a></li>   
                <li><a href="cctv.html" title="CCTV Footage">the CCTV</a></li>
    <li><a href="signup.php" title="Sign Up">sign up</a></li>
                <li><a href="stolen-bikes.php" title="Stolen Bikes">stolen bikes</a></li>
                <li><a href="login.php" title="Login">login</a></li>
                <li><a href="yoursay.php" title="Have your say">your say</a></li>
                <li><a href="forum.html" title="Forum">forum</a></li>
            </ul>
        </div>
        <div id="bd">
            <div class="yui-g">
                <div class="topcontent">
                </div>
                <a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
                <a href="javascript:animatedcollapse.show([<?php echo $jq_div_classes_csv; ?>])">show all<img src="images/down.gif" border="0" /></a>
        <a href="javascript:animatedcollapse.hide([<?php echo $jq_div_classes_csv; ?>])"><img src="images/up.gif" border="0" />hide all</a>

                    <?php foreach ($bikearray_html as $html) echo $html; ?>

    <?php echo $first.$prev; ?> Showing page <strong><?php echo $pageNum;?></strong> of <strong><?php echo $maxPage;?></strong> pages <?php echo $next.$last; ?>
            </div>
        </div>
        <div id="ft">Site created by: <a href="http://www.jbiddulph.com">jbiddulph.com</a></div>
    </div>
    </div>
    <script type="text/javascript">
    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <script type="text/javascript">
    try {
    var pageTracker = _gat._getTracker("UA-2434589-16");
    pageTracker._trackPageview();
    } catch(err) {}</script>
    </body>
    </html>

http://www.wheresmybike.co.uk/stolen-bikes.php?page=2

Hey all,

1) When clicking on a list in an accordion, it should change the quicktime movie playing in a main window area. It works in firefox but not in safari. The variable imgTitle holds the expected output (e.g. '../images/Intro-1.mov'). It changes the src attribute of the embed tag. This change works in Firefox where the new movie plays on click. However, when clicking the list item in safari, nothing happens.

2) There is a problem in firefox as well in that the movie overlays everything else on page, even though it should be behind the text. Positioning would be tedious given that there's many nested elements and I would have to set relative positioning to the entire page. Any reason for this behavior of embed tags?

Code:

$(".image_thumb ul li ul li").click(function(){  			
 
	var imgTitle = $(this).find('a').attr("href");  
	var imgDesc = $(this).find('.block').html();  
	var imgDescHeight = $(".main_image").find('.block').height(); 	

	if ($(this).is(".active")) {   
		return false;  
	} else {
		console.log(imgTitle);
		$(".main_image .block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 250 , function() {
			$(".main_image .block").html(imgDesc).animate({ opacity: 0.85,	marginBottom: "0" }, 250 );
			$(".main_image embed").attr({ src: imgTitle}); 
		});
	}

	$(".image_thumb ul li ul li").removeClass('active');  
	$(this).addClass('active');  
	return false;

}) .hover(function(){
	$(this).addClass('hover');
	}, function() {
	$(this).removeClass('hover');
});

Thanks for response.

hi everyone, this is my 1st post here in this community forum, just would like to say "HI" to everyone.

i would like to share with you my experience in developing multiple dependency selection form developed in java script, how this script works is that when 1st selection is selected, based on the value the user select, a second level selection will appear and so on.

below is the Java-script code along with my form code too

Javascript:
<script type="text/javascript">

function nextSelect(o) {

if (o.value == '0') {
var next = o.nextSibling;
while (next && next.nodeName != 'SELECT') {
next = next.nextSibling;
}
next.length = 0;

return;
}
var d = document;

var useSelect = d.getElementById(o.name + '_' + o.value);

if (!useSelect) {
alert('Unknown id: ' + o.name + '_' + o.value);
return;
}

var copy = useSelect.cloneNode(true);
copy.style.display = 'inline';

var next = o.nextSibling;
while (next && next.nodeName != 'SELECT') {
next = next.nextSibling;
}
next.parentNode.insertBefore(copy, next);
next.parentNode.removeChild(next);
}
</script>

my form:
<div style="display: none;">

<!-- ##### First Selection ####### -->

<select name="second" id="first_dp" onchange="nextSelect(this);">
<option value="0">Choose</option>
<option value="dp_2_38">2 3/8'</option>
<option value="dp_4">4'</option>
</select>

<select name="second" id="first_hw" onchange="nextSelect(this);">
<option value="0">Choose</option>
<option value="hw_3_12">3 1/2'</option>
<option value="hw_4">4'</option>
</select>

<!-- ####### 2nd Selection ####### -->

<select name="third" id="second_dp_2_38" onchange="nextSelect(this);">
<option value="0">Choose</option>
<option value="dp_2_38_4.85">4.85 lbs/ft</option>
<option value="dp_2_38_6.65">6.65 lbs/ft</option>
</select>
<select name="third" id="second_dp_2_78" onchange="nextSelect(this);">
<option value="0">Choose</option>
<option value="dp_2_78_6.85">6.85 lbs/ft</option>
<option value="dp_2_78_10.4">10.4 lbs/ft</option>
</select>

>>>>>>and so on till 3rd selection<<<<<<<<<

</div>

<form action="pdfHandle.php" method="post" id="pdfsearch">
<fieldset>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="142" height="146">
<p>
Type:<br />
Size:<br />
Weight:<br />
</td>
<td width="266"><select name="first" onclick="nextSelect(this);">
<option value="0">Choose</option>
<option value="dp">Drill Pipe</option>
<option value="hw">Heavy Weight</option>
</select><br/>
<select name="select">
</select>
<br/>
<select name="select">
</select>
<br/>
<select name="select">
</select>

</td>
</tr>
</table>
<p>
<input type="submit" name="submit" id="submit" value="Create PDF" />
<input type="reset" value="Reset Selection" />
</p>
</fieldset>
</form>
-----------------------------------------------------------------------

i would like to know what i am missing here and what is making Safari n chrome not to run this page properly, when u execute this code, only the 1st selection will appear while the rest of the selections are Null, i hope someone will guide me through this or direct me to solution or any other way of doing this perhaps

i thank you for viewing this post.

Hi all,

The following script is scrolling my page smoothly, as it is supposed to, in IE and FF however it is not working at all in Safari, any version. The page is:

www.christiantate.net

When working correctly, you click the nav buttons in the left sidebar, the page scrolls to the appropriate section.


The script:

Code:

$(function(){

    $('a[href*=#]').click(function() {
    
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
        && location.hostname == this.hostname) {
        
            var $target = $(this.hash);
            
            $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
            
            if ($target.length) {
            
                var targetOffset = $target.offset().top-100;
                
                $('html,body').animate({scrollTop: targetOffset}, 1000);
                    
                return false;
                
            }
            
        }
        
    });
    
});

Any help would be greatly appreciated. Thanks

Hello! I need a bit of help here, if possible.

This code seems to work well with FireFox. It doesn't work so well with IE or Safari though. The onMouseOver event works properly (changes the bg-color and the bg-image) but the onMouseOut event doesn't work (it changes the bg-color back to normal but not the bg-image).

I don't quite understand the problem.


Code:

<table cellspacing="0" cellpadding="0" width="230" height="20">
<tr>
<td class="font1" align="center" style="color:#2a78c6; background-color: #3c3c3c; background-image:url('images/nav-bg.png')" onclick="window.location.href='#'" cursor: pointer;
onMouseOver="this.style.color='c8c8c8'; this.style.backgroundColor='#2a78c6'; this.style.backgroundImage='url(images/nav-bg-hover.png)'"
onMouseOut="this.style.color='#2a78c6'; this.style.backgroundColor='#3c3c3c'; this.style.backgroundImage='url(images/nav-bg.png'">
LINK
</td>
</tr>
</table>

Here is the website... http://pmportfolio.net/tester/.

Also can't figure out how to get that drop-down menu working for IE, if anyone can lend a hand.
Also can't get the gradients to work with IE 8.

Hi,

I have a login script which is working in IE but not firefox or safari. I was hopoing someone might be able to point me in the right direction as i'm at a loss as to why it isn't working

My login form looks like this

Code:

<?php
	session_start();
	include_once("inc.php");
    $wlog='not';
	$msm_error='';
	if (isset($_GET['wlog']))
	{
		$wlog=$_GET['wlog'];
		if($wlog =='out' or $wlog =='not')
		{
			global $HTTP_SESSION_VARS;
			unset($HTTP_SESSION_VARS['client']);
		}
		if($wlog =='not')
		{
			$msm_error='<h1 style="color:#CC0000">Username or Password is incorrect</h1>';
		}
	}else{
	
		$wlog=$_GET['wlog'];
	}

	$cms=check_login_status();

	$show_cat=0;
	$show_cat_sub=0;
	$brand=0;
	$p_size=0;
	$color=0;
	$r_price=0;
	$status=0;
?>

function client_login_signup_form($wlog,$msm_error)
{
	if($wlog =='out')
	{
		global $HTTP_SESSION_VARS;
		unset($HTTP_SESSION_VARS['client']);
	}
?>


<form name='Formlogin' id='Formlogin' method='post' action='check_user.php'  onSubmit='return clientvalidate();'> 
<input type='hidden' name='wlog' id='wlog' value='<?php echo $wlog; ?>'/>
        <div id='logmsm'><?php echo $msm_error; ?></div>
        <h1>Existing Customer - Login</h1>
        <p style='color:#fdca00'>Please enter your email address and password</p>
<table width='100%' border='0' cellspacing='2' cellpadding='2'>
          <tr>
            <td width="20%" align='left'><p>Email Address:&nbsp;</p></td>
            <td width="80%" ><input name='e_mail' type='text' class="input1" id='e_mail' /></td>
          </tr>
          <tr>
            <td align='left'><p>Password:&nbsp;</p></td>
            <td><input name='pass' type='password' class='input1' id='pass' /></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td><input name='submit' type='submit' value='Submit' /></td>
          </tr>
          <tr>
            <td colspan="2"><p style="margin-top:5px; font-size:10px"><a href="forgotten_password.php">Forgot your password ?</a></p></td>
          </tr>
        </table>
</form> 
<?php
}

My Javascript validation looks like this

Code:

function clientvalidate()
{
	//alert('user')
	if (document.Formlogin.e_mail.value=="")
	{
		alert("Please fill the E-mail.")
		document.Formlogin.e_mail.focus()
		return false
	}else{
		var user=document.Formlogin.e_mail.value;
			
	}
		
	if (document.Formlogin.pass.value=="")
	{
		alert("Please fill the password.")
		document.Formlogin.pass.focus()
		return false
	}else{
		var str=document.Formlogin.pass.value
		var v2=replacewithreg(str)
		if(v2==false)
		{
			document.Formlogin.pass.focus();
			return false;
		}else{

			var pass=document.Formlogin.pass.value;
			
		}
	}

	

	var wlog=document.Formlogin.wlog.value;

	url='ajax_check_client_login.php?user='
	url =url+user
	url += '&';
	url += 'pass=';
	url =url+pass;
	url += '&';
	url += 'wlog=';
	url =url+wlog;	
	//alert(url)

	javascript:void(0);
	new Ajax.Updater('', url);
	//updateaccountlink();
			
return true
}

Ok I have tried and tried and cannot get this code to work in safari or google chrome.

Basically I am working on a shopping cart. The user will click the paypal pay now button. The form is submitted to paypal via a new window target="_blank"

I also need to refresh the current page. This will write shopping cart data to DB via php upon page refresh.

Safari and google Chrome will open the paypal window, but seems to ignore the javascript to refresh the browser.

FF and IE both work fine.
Code:

<script LANGUAGE="JavaScript">
function newPage() {
self.location.href=\'https://www.artists2you.com/s/orderconfirm.php?ordernumber='.$_SESSION['ordernumber'].'\';
}
</script>

Code:

<form action="https://www.sandbox.paypal.com/cgi-bin/webscr" method="post" target="_blank"" onSubmit=\'newPage()\'>

Hello....I have written a PHP script for a secure client login system and it is working on Firefox and Chrome. But it doesn't work on Safari and IE. I have noticed that some of the javascript functions do not work at all while a few of them work. Can somebody please take a look and let me know what could be wrong?

I am pasting the part of my code that does't work up he

<script type="text/javascript">
function newdir(i)
{
alert('Newdir!');
var newdir=prompt("Please enter the name of the folder");
if (newdir!=null && newdir!="")
{
document.getElementById('newdir').value= newdir;
document.getElementById('folder').value= i;
document.getElementById('download').value = '';
document.myform.submit();
}
}



</script>

<?php

$dir = '../Users/gcreddy/'

echo '<tr><td></td><td></td><td><a href=# onMouseOver="this.src=\'images/delete_s.png\';" onMouseOut="this.src=\'images/delete.png\';" onClick="setdir(&apos;'.$dir.'&apos"><img src="images/delete.png" name="Delete"></a></td><td></td><td></td><td><a href=# onMouseOver="document.newdirimg.src=\'images/newdir.png\';" onMouseOut="document.newdirimg.src=\'images/newdir_s.png\';" onClick="newdir(&apos;'.$dir.'&apos"><img src="images/newdir_s.png" name="newdirimg"></a></td></tr>';

echo '<tr><td></td><td></td><td>Upload file:<input type="file" style="background-color:gray;" name="datafile" size="40"></td><td><a href=# onMouseOver="document.load.src=\'images/upload_s.png\';" onMouseOut="document.load.src=\'images/upload.png\';" onClick="upload(\''.$dir.'\')"><img src="images/upload.png" name="load"></a></td><td><input type="hidden" name="login" value="'.$user.'"><input type="hidden" name="password" value="'.$password.'"><input type="hidden" name="number" value="'.$indexCount.'"><input type="hidden" id="folder" name="folder" value=""><input type="hidden" id="newdir" name="newdir" value=""></td><td><input type="hidden" id="download" name="download" value=""></td><input type="hidden" id="Delete" name="Delete" value=""></tr></TABLE></form>';

?>

When I click on the create folder button (newdir.png), I don't see the alert message that I gave for debugging. I have the SAME problem with 2 more buttons on the same page.

I would be glad if somebody could let me know what the problem / solution is.

Regards,
G.C.Reddy

Hi,

I'm new to this forum so please forgive me on any errors I may have made. I am working on a simple site for the company that I work for that allows a customer to input a 5 digit code in and returns what prize they have won.

I found some code on a website which done the trick but it doesn't work in Chrome and Safari. My Javascript knowledge is extremely limited but I think I've narrowed it down to the "document.implentation.createDocument" line although the few fixes I've found, I can't get to work.

Here is the code I have at the moment before I applied the fixes (this works in FF and IE).

Code:

<script type="text/javascript">
window.onload = loadIndex;

function loadIndex() { // load indexfile
// most current browsers support document.implementation

		if (document.implementation && document.implementation.createDocument) {
		xmlDoc = document.implementation.createDocument("", "", null);
		xmlDoc.load("results.xml");
	 }
 

// MSIE uses ActiveX
	{
		xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
		xmlDoc.async = "false";
		xmlDoc.load("results.xml");
	}

}



function searchIndex() { // search the index (duh!)
	if (!xmlDoc) {
		loadIndex();
	}
	// get the search term from a form field with id 'searchme'

	var searchterm = document.getElementById("searchme").value;
	var allitems = xmlDoc.getElementsByTagName('item');
	results = new Array;
	if (searchterm.length < 4) {
		alert("Please re-check and enter your 5 digit code");
	} else {
		for (var i=0;i<allitems.length;i++) {
// see if the XML entry matches the search term,
// and (if so) store it in an array
			var name = allitems[i].lastChild.nodeValue;
			var exp = new RegExp(searchterm,"i");
			if ( name.match(exp) != null) {
				results.push(allitems[i]);
			}
		}
// send the results to another function that displays them to the user
	showResults(results, searchterm);
	}
}



// Write search results to a table
function showResults(results, searchterm) {

	if (results.length > 0) {
// if there are any results, write them to a table 
		document.write('<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title><link href="cno-competition.css" rel="stylesheet" type="text/css" /></head><body>');
		document.write('<div id="container"><div id="logo"></div><div id="prizeContent"><img src="media/new-york.jpg" width="750" height="500" alt="New York" />');
		for(var i=0; i<results.length; i++) {
		document.write('<h1>Congratulations</h1><p>You entered prize code <b><i>'+searchterm+'</i></b> and have won a <span style="font-weight:bold; color:#75ACC1">' + results[i].getAttribute("prize") + '</span>.</p>');
		}
		document.write('<p>To claim your prize please contact the Complete Night Out team on 01908 544445.</p>');
		document.write('</div></div></body></html>');
		document.close();
		
		
	} else {
// else tell the user no matches were found
		var notfound = alert('No results found for '+searchterm+'! Please re-check and enter your 5 digit code');
	}
}
</script>

The fix I found added the below into the code but I couldn't get it to work using this. Link here.

Code:

   var xmlhttp = new window.XMLHttpRequest();
   xmlhttp.open("GET","results.xml",false);
   xmlhttp.send(null);
   xmlDoc = xmlhttp.responseXML.documentElement;

Any help would be much appreciated. If you would like to see the site live please click here

Thank you.
Kishan