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
The content of my webpage is all contained in hidden divs. These divs are shown when a link in the nav bar is clicked. At the moment, ALL divs are hidden on page load, only the nav bar is visible. Is there a way to have one of the divs visable when the page loads? i.e the 'home' page.
function init(){
if(document.getElementById && document.createTextNode){
var mn=document.getElementById('nav');
var as=mn.getElementsByTagName('a');
for (var i=0;i<as.length;i++){
as[i]. false}
as[i]. false}
}
hidem();
}}
function show(l){
hidem();
var id=l.href.match(/#(w.+)/)[1];
document.getElementById(id).style.display='block'
}
function hidem(){
for (var i=0;i<document.getElementsByTagName('div').length;i++){
document.getElementsByTagName('div')[i].style.display='none'
}}
The function init() is called on page load.
I have created a link to a new pop up browser window from main site page using following javascript
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
The code for the pop window is: <a href="#" onClick="MM_openBrWindow('alabaster/pop1.html','alabaster','width=490,height=630')">View large image</a>
The problem I am having is that on the main content page, you scroll down, click on link to pop up (page loads) but the main parent content jumps back to the top of page, meaning you have to scroll back down to where you were.
I have an ajax based page, which loads content from external page (html +js) So if i have a div "update_div" being updated with external content (html+js)
Let me be more specifig
Step1: Ajax content along with js loaded into update_div from a.html
Step2: Ajax content along with js loaded into update_div from b.html
What happens to the js loaded from a.html? Is it lurking in the memory or automatically/magically removed from the browser memory? I am afraid of memory leaks, if the js is still lurking in memory, the more ajax calls made, the more js is going to be held up in memory. Unless am totally wrong; i have no idea of the mechanism happening.
I have an ajax script which loads new content onto the page when the main navigation links is clicked. I also have a jquery script which fades divs in and out when another subset of links are clicked.
I guess these scripts essentially do the same thing but the first basically is loading in 'pages' without the page having to refresh. The second is just fading in and out divs that are on a page.
The problem is is that the second script only seems to work once, when the page is loaded.
Here they are:
It seems like when I load javascript code into a page, that each item I add, such as an accordian vertical navbar, image slider, etc, that each time I add one, the page loads a second or so slower with each one added. I would like some of these features, but is this just a part of life, or are there tricks to avoid the slower load time? It is not major time but after the 2 items I mentioned, it added on about 2 seconds.
I read that $(document).ready(function() might slow me down but I do not see that statement in any of my .js files.
I have previously developed two scripts, both of which work really well, however I want to amalgimate them together if possible? My first script loads the content specified into a single div, replacing the content depending on which function is called, it also displays a loading gif during a timeout of 2 seconds. Here is the page:
[Code]...
I need a script that will redirect to a specific page is the browser is safari version 4. if the browser is NOT safari 4 I want the browser to stay on the current page.
View 3 Replies View Relatedwhen you have a page that contains an iframe, and then navigate inside the iframe, hitting the browsers back button will only affect the contents of the iframe and not the entire page. I've been searching all over for solutions and cant find one that works for my current implementation.
function ShowPage(frame)
{
frames[0].location = frame+'.html'
frame.contentWindow.location.replace(newUrl);
}
[Code]...
Right im trying to incorporate a splash screen on recent project like the one here... [URL] But im trying to implement cookies with it so it only loads the splash screen once every browser session but i havent managed to figure this out yet
View 2 Replies View RelatedI am using this code to refresh the browser after a iframe has finished loading. Does anyone know a cross-browser one that will work on all browsers. I have tested it on firefox and internet explorer, it seems to only work on firefox.
PHP Code:
<script type="text/javascript">
window.onload = function() {
document.getElementById("updates").onload = function() {
[code]...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
I'm trying to get basic JQuery tabs working, using the example shown on this website.If I put the example code on a page by itself it works exactly as intended. However, as soon as I try and incorporate that same code into my site its behaviour changes. The content for all three tabs appears on the one page and then when the page has finished loaded they then eventually hide.
<a href="http://www.allaboutthegames.co.uk/index2.php">Test page</a>
I am simply trying to set a field value on a form.
e.g. document.form1.stockLevel.value = 99;
This works on all browsers PC & Mac, with the exception of Safari browser on a MAC.
Tried all alternatives:
document.all.stockLevel.value = 99;
document.forms['form1'].stocklevel.value = 99;
.......etc etc
None of these work on the damn safari browser.
Anyone any ideas?
I have some very strange problem on the Mac (OS-X) with the Safari
browser 1.0 (v85). Some information in my form was not filled in...
after I turned on debugging and checked the console it displayed some
error messages.
The messages displayed were like:
(event handler): value undefined (result of expression trim) is not
object. Cannot be called.
I have no idea what this means!!! Does anyone know where to find the
solution for this problem? The page works fine on Windows with IE (and
probably some more browsers).
The trim function is located in an exteral javascript file which is
referenced in the head of the html. Code:
jQuery - Scrolling browser Window. I have two demos of scrolling page content with jQuery.
This one - [url] is scrolling the contents inside a container and it works as I wanted on Mac/PC
Code:
I need the same effect as above but I need to scroll the whole browser window.
I have a demo here - [url]
Code:
Problem here is on the Mac the transition are jumpy and it seems to flash the first yellow div before sliding up or down. Testing on a PC it will slide down but won't slide up. How can I get the whole browser window to slide up and down with a smooth transition.
I would like to disable the ability of the user hold control and click
and get the dropdown menu. I am ultimately discouraging users from
easily getting a copy of the image. I was able to do this and disable
dragging on all browsers I have tested except Safari (Mac).
Code:
I've got this code that needs to load a .wmv file - the client is adamant about using .wmv files and not Flash files - and the client insists that it use variables for the width and height parameters.I've now got the code working correctly in IE (it's always worked in Firefox) but I've just noticed that it's not working in Safari. I'm sure it's got something to do with the <object> but am not sure how to fix it.I've tried including the safari object code for wmv files and then using an if/else statement to only load the object code for safari but my javascript skills aren't that great.As it stands right now, both Firefox and IE try to load the quicktime object after they load the wmv movie object.
View 5 Replies View RelatedI am working on this page - [URL]. When you click the Filter By buttons it alters the content of the iframe below it. This works fine in ALL browsers. However, when you click the browser "back" button it should return to the previous clicked Filter By button (and therefore the previous clicked iframe content). This works fine in every browser except Safari. In Safari it just returns to the previous full page (for instance, if I was viewing google before I went to my page and clicked the iframe buttons, it returns to google rather than the previous iframes).
View 8 Replies View RelatedI'm fairly new to javascript and I'm having the following issue, on Safari, when the user selects the last radio button (the one that should enable an input field) it does nothing and the input field doesn't get available for typing.
Can I please ask your help, here is the relevant code:[URl]..And here is the attached js file for this document:
Code JavaScript:
function activaInput()
{
document.candidaturaOnline.txtOutro.disabled=false;
}
function desactivaInput()
[Code]...
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?
I was reading various articles on browser detection with javascript and I know it can be unreliable and unprofessional at times, but I was just playing it to see if I could get something working. What I wanted to do was attach a stylesheet if the browser in safari.
With what I remember from the articles I read, isn't there a function that is navigator.appName(); ? I have written it in sorta of pseudo-code below:
Essentially,
if(browserName=="safari"){
<link type="text/stylesheet" href="safariStyling.css"/>
}else{
<link type="text/stylesheet" href="defaultStyling.css"/>
}
I know that there is a .html() jQuery function where I can write html in the head of the document like so, head.html (HTML GOES HERE); but I have heard and form experience that mixing javascript and jQuery function can be dangerous. I would detect if the browser is safari and then link a stylesheet if true?
I am getting differences in the rendering between Safari and Firefox. I've tried to come up with a JS script to sort them out but I am not having much luck. Safari always produces "red", the same as FF or nothing at all (where I substitute 'vendor' for 'userAgent', etc). Here's my little test program to isolate the basic code:
<link href="testcss/ff.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" >
window.onload=detectbrowser;
function detectbrowser()
{
var browser_type=navigator.userAgent;
alert("the user agent is:" + browser_type);
var browser_type=navigator.userAgent.indexOf("AppleWebKit");
if(browser_type != -1)
{
document.write('<link rel="stylesheet" href="testcss/saf.css" type="text/css" >');
}else{
alert("no useragent verified");
}}
</script>
<!--[if lte IE 7]>
<link type="text/css" rel="stylesheet" href="testcss/ie.css" />
<![endif]-->
<title>Untitled Document</title>
</head>
<body>
<div id="testbox"></div><br />
<ul>
<li>Red is for Firefox</li>
<li>Green is for Internet Explorer</li>
<li>Yellow is for Safari</li>
</ul>
</body>
</html>
What's even odder, Safari won't even execute the ....else part of the if statement when I'm trying to detect using 'userAgent'.
How do I check if a browser supports an image using style before
writing it with document.write?
document.write("<img id='picture1' src='a.gif' alt='blah'
style='blah'>");
NN4 and Opera 6 throw a wobbler.
Also, what way is best to reference it?
document.getElementById('picture1')
or
document.images['picture1']
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);
});
I have enabled a hover() event on a DIV that includes an H2 element that is always displayed and a child DIV that needs to be shown/hidden. This code works wonderfully on Firefox and IE. However, it's not working in Safari (I have not tested Opera or Chrome yet)Here's my (very simple) code:
jQuery("div.category-text").css("display","none");
jQuery("div.category-item").hover(
function() {
[code].....
