I'm about to upload a site that uses the following script to dish out stylesheets and redirect old browsers. I hacked a couple different scripts together, and think it works, but i dont have an old version of ie to test on. Code:
View 1 RepliesI want to avoid the inner DIV to expand the outer DIV when I hover over the outer DIV and fadeIn the inner DIV. How can I hover over the outer DIV and show the inner DIV without the height of the outer DIV expanding?
View 1 Replies View RelatedI want to make a sniffer page so that when I open it in IE I get a certain page, and when I open it in Netscape I get another different page. The IE page will have 3 cycling ads that I did, and the Netscape ad will have 5 cycling ads. I had a browser sniffer here but I lost it, so I'll have to redo it. How do I tie the ad sites to the sniffer so that it knows which to open though?
And with the 5 cycling ads, I can get it to show three and then go back to two. Would I need another if else statement in there to get it to show the fourth and fifth ad? Code:
I have a sniffer that sends Netscape and IE users to different locations. However, I want to send Netscape 6 users to the same location as IE users. Code:
View 8 Replies View RelatedIs it possible to sort outer and inner strings at once? The sorted output should look like the following:
<category>Bars</category>
<name>Alpha Bar</name>
<name>Beta Bar</name>
<category>Cafes</category>
<name>Ara Cafe</name>
<name>Zeta Cafe</name>
Categories and names are both properties of one and the same array element.
I have the following compare function to sort the outer categories.
function compareCats(a, b) {
a = a.category;
b = b.category;
if(a == b) return 0;
else if(a b) return 1;
else return -1;
}
This is working fine. But I really would like to include the inner names in the compare
function without changing the structure of the array - if it could be possible. If not - what would be an efficient way to solve the problem?
I am using javascript to find the browser window's innerheight and outerheight(ie both document body + task bar ,statusbar,menubar etc)I am using the following command for the calculation of the above thing
This one works perfectly for the following browser's GoogleChrome,Safari,Firefox with small problem on Firefox
Following is the problem
The window.outerheight and window.innerHeight returns different values:
a)when the script is run locally on the same browser
b)when the script is run after publishing the page on the server and ran from the same browser.
This issues do not come for other browser except firefox.For other browser the outerheight and innerheight comes same, before and after the script is published on the server.
The firefox browser version used is : firfox 3.6.16. Os is Windows Xp
</div><div>I've got a problem with IE6 and I need to basically find the width of the "header" DIV and make the "secondLevel" DIV match it. So, I guess I need to target IE6 specifically in the code. Here's what I have:
</div>
<div>
</div><div><div><div id="header"></div><div><span class="Apple-tab-span" style="white-
[code]....
I cant control the function between the outer and inner fuction. as I use a top.out1() in the children object. I cannot call the function run
within the $(document).ready(function() { function inner1(){alert("alertinner")}}
the question is:
1.How can I call the function inner() directly by the object children svg page?
2.How can I call the function inner() by the function outer1()?
3.How can I call the function outer2() by the function inner()?
<script type="text/javascript">
function outer1(){
alert("outer1alert");
}
[Code]....
How to get outerhtml for document.body for different browsers.
I am passing document.body to the method mentioned in the code below:
Code:
function getOuterHTML(object)
{
try{
var element;
[Code]....
In firefox and chrome, I get only the HTML markup; but the data that is part of the controls of the input object is not getting populated.Whereas, in IE it works.
I work mostly in PHP, with just a bit of JavaScript when necessary. I've inherited an app that among other things, uploads files to the server. When the user clicks the "Save" button, it targets an invisible iframe and actions the php upload script -- that is:
Code:
<form action="doupload.php" method="post" enctype="multipart/form-data" name="doupload" target="doupload_iframe_target">
The outer, top level window has the icons for the files uploaded so far, and the total number.
The upload works fine, but the icons & total count don't get updated in the outer window unless I manually click refresh on the browser. Naturally, I'd like the new number and icon list to appear automatically after an upload, so I tried putting both:
window.location.reload(); and parent.location.reload();
at the end of the doupload.php script within the iframe (appropriately encapsulated in <script> </script>).
Both of which work, sort of, but they apparently repost the data to the iframe, which causes the upload to be re-executed, which then causes the reload to happen again, for an endless loop.
If I manually refresh the browser page from the firefox toolbar, this doesn't happen; it just refreshes and shows the new total number & appropriate icons.
So obviously I'm out of my depth here with the javascript and dom structure. I want to refresh the top window without reposting to the iframe.
Im looking for a simple code to redirect to a specific URL on any click on page and redirect to certain url after a certain number of page views.
View 18 Replies View RelatedHow do i make it so that when there is an event insidean iframe on the page, it affects and can call a function from the outerpage? (that houses the iframe
View 1 Replies View RelatedHaving a tough time integrating the 2. Trying to create 2 loops, the inner one I had working as below, until I tried to add the outer loop which iterates through the tables
<script type="text/javascript">
// <![CDATA[
var i=0;
[code]....
javascript:history.go(-2) makes it go two pages back for links but how do u put it in the script tags just when the page loads go back 2 pages?
View 1 Replies View RelatedI have a javascript that I found for an iphone style menu. It works and allows me to click through the menu as long as it is within the list system. If I try to create an external link to a webpage. It doesn't load anything. Here is the code let me know if anyone knows the trick so I can link out. Below is the javascript used to create the flowing menu system. Let me know if you need the rest of the .css and html.
(function() {
var animateX = -20;
var animateInterval = 24;
var currentPage = null;
var currentDialog = null;
var currentWidth = 0;
var currentHash = location.hash;
var hashPrefix = "#_";
var pageHistory = [];
[Code]...
I hopen a new empty window from js code:
var win =
window.open("","debug","width=500,height=300,modal,dialog,resizable");
and I add some element to the new window:
win.document.write("<img src="image.gif>");
win.document.write.....
How can I add the stylesheet information of the file x.css
(how and where I must write in the new window the line:
<?xml-stylesheet href="x.css" type="text/css"?> )
I am just about ok with html. Much less so with css. I have however used a
style sheet to link most of the pages in my websitever have to use my site!!!! Code:
I am using @font-face tag in my website. Everything works fine in Mac, Vista and Win 7, but fonts are incredibly ugly in XP. This is because font anti-aliasing is kept at very primitive level by default. In my opinion, the best way through this problem is to make a JS to change style according to user's OS. If it is Win XP, a simple stylesheet is used, if it is not- the standard one. I am using PHP embedded in HTML (index.php, rather than index.html) everywhere, so this complicates things a little. I am trying the following script, but it does not work:
<script type="text/javascript">
<!--
var browserInfo=string;
browserInfo=navigator.appVersion;
if (browserInfo.indexOf("XP")=-1)
{
document.styleSheets[0].href="style-xp.css";
}
[Code]....
I have exactly one external, alternate stylesheet that I want to enable or disable by form controls, on one page only (not saved across pages).
I used:
<link rel="alternate stylesheet" id="style-compact" etc...>
<input name="view" type="radio"
onclick="document.getElementById('style-compact').disabled=false">
<input name="view" type="radio" checked="yes"
onclick="document.getElementById('style-compact').disabled=true">
Is this the best way to do it? I want to reference the alt-stylesheet by
name (or similar), not index.
It works in my Camino & Safari. In IE-Mac, I can enable the stylesheet,
but not (subsequently) disable it again -- parts of the page just
disappear.
I want to change the stylesheet for this page. Why the form select doesn't work?
link id="est" rel="stylesheet" type="text/css" href="est.css">
function Changue() {
var posibles = document.forms[0].XXX;
document.getElementById("est").href=posibles.options[posibles.selectedIndex].value;
}
<form>
..........
I have a piece of javascript I need to modify. Right now it changes a stylesheet in the document between style.css and no_indent.css. These
are in the head of my document:
<link rel=stylesheet href=/style.css>
<link rel=stylesheet href=/no_indent.css>
<link rel=stylesheet href=/style.css>
What the code below does is toggle between the two depending on what link is clicked. Here are the links:
<a href=javascript:changeSheets(1)>Threaded</a>
<a href=javascript:changeSheets(2)>Flat</a>
What I want to do is have one link that will toggle between the two
stylesheets. So the page loads style.css initially. If the link is
clicked once it changes to no_indent.css. If it's clicked again it
changes back to style.css, and so on.
Can anyone let me know how to do this?
code:
----------------------------------
function changeSheets(whichSheet){
whichSheet=whichSheet-1;
if(document.styleSheets){
var c=document.styleSheets.length;
for(var i=0;i<c;i++){
if(i!=whichSheet){
document.styleSheets[i].disabled=true;
}else{
document.styleSheets[i].disabled=false;
}
}
}
}
I have been using some javascript to select stylesheets (dependent upon window sizes) without problems, until IE8. I have stripped the code down to the following which seems to be where it fails in IE8.
The normal stylesheet is the same as default. Without this older versions of IE go straight to large (without javascript).
For these settings, all browsers display the default (or normal?) stylesheet without the script.
When the script is run Firefox, Opera and older versions of IE will use the default stylesheet combined with the large stylesheet. IE8 uses only the default and ignores large. It doesnt appear to matter where in the page the script is run.(it has never worked in Safari, Chrome and older versions of Opera).
can someone tell me quickly what the path to a layers z-index is on both ie and ns? i thought this was it for ie but can't seem to get it to work??
document.all('layername').style.z-index = 1;
I'm having trouble applying a stylesheet to content I'm generating after the fact.
Here's the sample code:
I have a perl script that i use to render a html page. In that page i call out a stylesheet. If the user has a 800x600 display the fonts are really too big.
Since screen resolution is a function of the client and I have this javascript ot detect the srecc size:
function ck_res()
{
if ( (screen.width != 1024) && (screen.height != 768) )
{
alert(" This graphic is best viewed at 1024 x 768 ! ");
// use a different stylesheet
}
}
How would I go about changing the style sheet that is being called on the page?
I would like to be able to write some code in Javascript preferably
(PHP is also all right) which allows the admin of a website to be able
to change stylesheet attributes from a GUI browser interface without
having them to change the text file themselves. (i.e., working on the
supposition that the admin is IT illiterate). Simple things like
table heading colours, backgrounds, font sizes need to be changed this
way.
The browser should then read from the changed textfile the next time
the site is refreshed and it should therefore be permanent. Is this
at all possible? If so, how do I update the textfile?