Safari Compatibility - Loading Page Through User Selections
Sep 29, 2010
Issues with Safari in relation to javascript compatibility? I have a page that loads dynamically through user selections as follows:
There is a set of three radio buttons. The user selects one and a div opens revealing a select box populated with entries related to the radio button selection.
When the user makes a selection from the select box, one of two things happen.
1) If there are child records relating to their selection, a second div opens revealing another select box containing the child entries relating to the first select box choice. Or
2) if there are no child entries relating to the selection in the first select box, a div opens displaying a description relating to the selection they made in the first select box.
The data is all coming from prepopulated javascript arrays. This works like a dream in IE and Chrome. Unfortunately, when we were in the final stages of testing before release to a live environment, we discovered it works in Safari only as far as the user makes a selection from the three radio buttons driving the opening of the first div layer containing the first select. At this point it stops working completely. On top of that, I cannot find where in the latest release of Safari, that I can see any javascript errors (or if I even can).
View 5 Replies
ADVERTISEMENT
Mar 1, 2010
I'm not one for making my own scripts, so not quite sure about the best way to go about doing this. I've got a form with 2 different sets of radio buttons. Upon submitting, I'd like to redirect the user to a certain page, based on the selections they made among the radio buttons.
View 2 Replies
View Related
Jun 2, 2011
i am looking to create a simple travel website where the user inputs details into a form or selects options from a drop down menu. When they submit their details they are taken to another webpage were simple adverts on the side of the webpage will relate to the options they selected from the drop down menus. For example: I select New York, and some dates. The advert on the next page will say 'Going to New York, stay at this hotel'
It will say the same if another city is selected but with the city name changed and the hotel name changed. On the second page i will ask the user to fill in personal details in a form, and again after they click submit, they are taken to another webpage and the advert will change, maybe including their name and some other details.
Is this possible and how would i go about it? The adverts only need to include some simple text for now. If the text can srcoll or move that would be a bonus. I have looked through many books and searched the web and cant find anything. I just want to use the input and selections made from the user to adapt the next webpage.
View 1 Replies
View Related
Mar 21, 2011
I have a jQuery based gallery [URL] that will load thumbnails to the bottom of a page, however for some reason these images only load on Firefox and IE (Not Chrome or Safari). I'm not sure this is due to jQuery completely.
View 3 Replies
View Related
Mar 24, 2009
Here is what I am currently using for a script:
<script>
function detectBrowser()
{
var browser=navigator.appName;
var navindex=navigator.userAgent.indexOf('Safari');
if (navindex != -1 || browser=='Safari') {alert("The Apple Safari browser does not calculate correctly.)"}
</script>
And for this to work when the page loads, I use:
<body onload="detectBrowser()";>
Basically, I have received Emails from people stating that my website calculators are off by a factor of 100 for anyone using the Apple Safari browser. Since, my website calculates correctly in Internet Explorer, Netscape, Mozilla Firefox, Opera and Google Chrome, I feel this is an Apple Safari problem. Anyway, the above code seems to work okay, but it generates the pop-up when people are using Google Chrome. Is there any way that the script can be changed so that it only pops up when loading Apple Safari?
View 8 Replies
View Related
Jun 29, 2010
Not what i would like but the client wants the browser re-sized on the site loading/refreshing... Been using the following and it works fine.... apart from in Safari. how i can get it working in Safari, or no chance?
Code JavaScript:
$(document).ready(function() {
window.resizeTo(1152, 866);
});
View 6 Replies
View Related
Jun 24, 2010
I'm using a function to load a page into a div. When I add the class of the element I want to show (.contentpaneopen) Chrome and Safari show no content. It works OK in IE and FF.When I ommit the class it works on all browsers.
function loadContent(elementSelector, sourceUrl) {
//Works in Chrome en Safari:
$(""+elementSelector+"").load(""+sourceUrl+"");
[code]....
View 1 Replies
View Related
Oct 21, 2009
I have a site that is very jQuery and image heavy. The main sections of the site link to sections that are built with several Tabs, and as it loads, you briefly see all the content load and then it is hidden by the Tabs code.
The plan is to have a full window DIV that sits above all the content with a loading icon that plays until the entire page loads, and then it fades down.
After some hair pulling and research I have code in place that does exactly as I ask, however it does not seem to work in IE6+7. It works in all other browsers.
The current code is:
CSS for the loading DIV is:
A working link is [url]
View 1 Replies
View Related
Mar 19, 2010
I have a lot of javascript functions that request information from an iframe hidden on the page. I see other sites do this, but their browser does not do the loading action (like the processing circle in Firefox). When I do it on my site, each browser shows the loading icon, as if a page was loading. Is it possible to not have this?
http://bit.ly/cv1YqN
That is a sample link. Go down right side of page where you see three buttons: Trailers Featurettes Clips.Those return iframe information to work.
View 4 Replies
View Related
Oct 23, 2005
Is there a javascript code for loading php pages when the user exits the forum?
For example I am writing a webpage where I would like it to run the logout script when the user exits the forum, if they have not already logged out. Is this possible to do with JavaScript? (using sessions in forum not cookies).
View 3 Replies
View Related
Nov 28, 2010
I have to come up with a user authenication page the logs the user in and also gives them access to do the right things. I have attached the code and the access file and have got started on a few things.I first need to create a login page with the fields username and password have that check the access database and then proceed it to a page to do the following depending on the user access. For The Login button to even be enabled the username and password must have a value in it. I have no idea how to do that
Add A User [No duplicate Users]
Modify A User
Delete A User
[code]....
View 4 Replies
View Related
Oct 13, 2009
I have created a party-events website. Which displays a lot of dates of events. As you might understand this page takes some time to load. Therefor I want some of loading image to be displayed while the page is loading. Anybody has an idea how to pull this of? I don't know how.
In detail: People come to my website. They click on "events" and a loading.gif pops up and and makes the background darker. After the page has completely loaded the loading image disappears and the website shows.
View 3 Replies
View Related
Apr 29, 2009
Like title says, I'm looking "Loading page" -notice when page is loading - made by Javascript. If you know Cross-browser/multi-browser example
View 1 Replies
View Related
Jul 19, 2010
My goal is to load the JS for a specific element before displaying that element. I integrated a third part script, and it works well. I set the timer here:
The JS is in my heading as <script type="text/javascript" src="countdownpro.js"></script>
About mid-body I have: <span id="countdown1">2010-07-20 00:00:00 GMT+00:00</span> which allows for the setting of a target date to countdown to.
When the page first loads it shows the above long format target time, until the js/meta tags kick in to modify it to just show the actual countdown as 00:00:00.
I have attached countdownpro.js to this post. I tried shifting the function CD_Init() to the top of the script, and also appended it inline with the .html. I tried setting the big external script to "defer", but neither arrangement worked. I also tried placing the src file right at the top.
View 2 Replies
View Related
Mar 25, 2010
Most of the Javascript I see has some sort of time limit on page reload and is not really what I am trying to accomplish:
<meta http-equiv="Refresh"
content="10; URL=http://coffeeandtealtd.com/buynow.html" />
I am trying to make our buy page reload after clicking the Paypal "continue shopping" button in Paypal Website Standards. The pop up Paypal shopping cart window closes after clicking the button but our buy page doesn't reload. It doesn't reload in Safari although it seems to be fine in FF and IE. how to make the page reload in this specific instance only.
View 2 Replies
View Related
Aug 1, 2011
Its showing perfectly in FF but its not displaying the main content on chrome nor safari.
im not a developer but i enjoy the time i spend figuring out this kinda stuff.
View 2 Replies
View Related
Oct 11, 2009
i want to make a iframe page that loading a page from other site. I have try "jQuery iFrame Sizing" to set auto height in iframe... but it is failed.
This is my code :
-------------
on Head
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/iframe.js"></script>
on Body
[Code]....
View 1 Replies
View Related
Mar 22, 2009
I'm designing a web page, Having a banner on top, then a search option following it.There is a menu item list below it on to the left.And the content of the links of those menu item should get loaded in the center of the page.And a footer having some copyright info.All these are in div tags. The problem is when i click on any menu item it should be loaded in the center div tag.Ive tried using Iframes but there is a scrollbar coming only in that area of center div tag.I don't wan't this to happen.Based on the size of the html page to be loaded the div tag size should increase, and so the whole page.Have tried using Ajax but not working.
View 1 Replies
View Related
Aug 27, 2010
I have imported css and link to my page. It works fine for all other browsers except Safari browser. When I am loading the page in Safari4 all the page content loads without style. My CSS hosted in CDN.
View 1 Replies
View Related
Jan 10, 2011
I have an webbpage, and in the middle of it there is an iframe to a php site. So i have used this code, so after some seconds the iframe will send the guest to another page. <meta http-equiv="refresh" traget="_top" content="5 url=http://mypage.com"/> But the thing is that i want the WHOLE page to reload, and go to that page after 5 seconds (we can say). With that code, only the iframe are going to another page. Is it possible to make the whole page send the user after some seconds, to another page and not only the iframe?
View 1 Replies
View Related
Oct 30, 2009
I am not a guru jquery coder and still have to learn alot, recently while learning jquery AJAX I have bumped into a weired issue, I have a apge right and in this page I have a dropdown list for people to select an RSS channel that they wish to know more about, the dropdownlist ahs an onChange event which when triggered it will get the value of the selected item in teh dropdownlist and post it to the other 'mini' pages that load on the same page via AJAX by using the GET method - ie: im passing the parameters like a normal querystring would. The problem is that when I assign the dropdown value to a variable called dropdown in the following line of code "var dropdown =document.getElementById('ddlChannelSelect');" it works in IE but not in the other browsers, I have debbugged this in FireBug and it seems that the variable dropdownlist is not actually getting the value of the actual dropdownlist nad it says 'null' or sometimes 'undefined'. Am I doing something wrong ? why is it that it is working in IE but not in other browsers ? can you pls give me a solution with some examples ?
[Code]...
View 4 Replies
View Related
Jul 7, 2010
I have a site which displays a selection of advert listings. We log the number of clicks each advert receives via ajax requests.The listings link to both internal pages on our site and external pages, hence the ajax - we cannot log the'clicks' by logging the requests on the destination pages as these are not all on our site for us to log. Also, I don't want to potentially get false positives e.g.from bookmarked pages - hence I am logging the actual clicks, not the requests on the destination.
All is OK in most browsers, but there is a problem with Safari (I am running Safari 4.0 on Windows XP running in Virtualbox OSE) but only where the destination is to open in the same window/tab (some listings go to a new window, some don't). I am logging clicks via an ajax request in the onclick event, which is working fine when the listing is to open in a new window, but it appears that when a new window is not to be opened, the ajax never gets sent.A have constructed the following minimal test case:
index.html
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" [code].....
Note the line commented '****' in index.html which cancels the action of the link. When this is not commented out, the ajax request is sent correctly. Without it (the desired situation) the ajax request never gets sent. Its as if Safari saves up the ajax requests to do later, but never sends them as the new page cancels all such 'saved up' actions.I am using the Safari web developer tools, but I have also checked this test case by checking the Apache logs. Note that as a test case I don't pretend that it will work in IE, but it should work in standards compliant browsers and has been tested on Firefox 3.6.6 and Opera 10.6. The Apache logs show that logger.txt is being requested, unless it is already in the browser cache.Possible workarounds I've considered, but would prefer to avoid:
On the site in question the only such links that currently open in the same window are internal, so I do have the option of logging safari clicks by logging these requests as opposed to clicks and checking the http referer on the server side. As this is not a very flexible solution as it relies on these specific circumstances, also relies on all other links successfully making a new window, and furthermore relying on http referer could result in false negatives I'd rather find a solution within the javascript.I haven't checked whether an asynchonous request would work, but I don't wish to do this anyway just in case there is ever a server problem that prevents the response coming back (note that for these purposes the response is actually superfluous - we are sending the server a message but don't need anything back). I also want to avoid the delay in sending the user to the destination - there is no point having to wait for a response we don't need.Lastly, and my prefered workaround unless I can find anything better, is to make Safari (only) open all links in a new window anyway.
View 1 Replies
View Related
Apr 22, 2010
I want to add a global event handler for mousedown that will register whenever the user clicks anywhere on the page but I'm having trouble.This is what I'm trying to do:
var body = document.getElementsByTagName("body");
alert(body);
body.addEventListener(mouseDown, myHandler);[code]....
But the event handler is never called. I can't even seem to get access to the body. Is the body tag the wrong place to be assigning the mousedown handler? I'm trying to make this code work correctly in both IE and firefox.
View 7 Replies
View Related
Dec 19, 2009
There is many examples of PageLoader's etc. in the web, but I can't find a script like facebook (and many other sites) uses. When a link is cliked -> user stays at current page and get's "Page loading" etc. notice until the next page is fully downloaded.In other words; When I click a link (Internet Explorer), I get first "a white page" until next page show's ..I want, that the page does not go white at all, but current page show's until the next page is fully downloaded.
View 3 Replies
View Related
Aug 22, 2011
Our company own a lot of domains and want to put a short page of copy on each address along with keywords before redirecting the user to our main site. I have been able to get the page to load the main site after the desired time using this code in the head...
<META HTTP-EQUIV="refresh" CONTENT="40;URL=http://webaddress.com/">
That works perfectly, I am now trying to display a countdown timer from 40 seconds down to 0, and on 0 redirect the user. Saying something like "You will be redirected in XX seconds". Is there anyway of doing this? I've been searching google for the answers with no luck and can only seem to find timers that countdown to a set date.
View 13 Replies
View Related
Oct 10, 2011
I am loading Default2.aspx from MainPage.aspx. i need to display the condense of Default2.aspx in the Div(maincontent) which i declared in Default2.aspx.
with the below code iam getting the DIV object of Default2.aspx from MainPage.aspx.
but the Default2.aspx is not showing ,can any one correct the below code. code...
View 2 Replies
View Related
