I am interested in using RaphaelJS for creating VML/SVG rounded corners etc, but unless i physically put the <script> right after the element to which it needs to be applied, i have to rely on the single DOM load() event. which causes a delay before any script is executed,...thus a FOUC (flash of unstyled content).
i'm guessing there is no way to track when individual elements are loaded into the DOM via a CSS filter or similar, or another way around this other than having <script> in the body or just dealing the the load delay?
Why are anchor nodes pointing to href and text nodes pointing to [object]? As anchor and text both are objects therefore all outputs from indices 0 to 7 should be [object].
I am working a project where I am using two monitors and using HTML/Javascript to display the information I want.
I have my main stuff on the main monitor, but when each page loads, I want an image to load fullscreen on the second monitor as well. I am using 800x600 resoution on both.
If I use:
function openWindow() { mainWindow = window.open("thispage.htm","pagename","fullscreen=yes"); }
that works fine for the main monitor.
I have then tried to use the second monitor to open an image by using the same type of thing:
function imageWindow() { openImage = window.open("image.jpg","imagepage","fullscreen=yes"); openImage.moveTo(801,0); parent.focus(); }
I am trying to use it with the onload command as well:
<body onLoad="imageWindow();">
I am passing arguments to these functions but simplified it here.
Anyhow it will only open it full screen on the first monitor. I can position it and move it to the second monitor if it is not full screen just fine.
I am developing a website in which I will support two screen resolutions ( 800X600 & 1024X768 ) by using two different stylesheets for better browsing experience. I need a code to detect resolution and then putting the desired stylesheet in page code at request time. If there is any server side language to be used with it then I can use PHP.
I have a site up and running called www.kalahari.co.za which points to www.kalahari-adventures.co.za As the business depends on adventurous people seeing images of the place, the bigger the better. So I have designed the site to show one static background pic to each page. I sorted out a problem of different browsers by have a hidden index page that looks at the monitor a viewer has and decides that if you have a 1024 x 768 monitor it then opens a page index1024.htm that has the appropriately sized background pic.
Now I said to my client he would get better search engine ratings if we created 3 sites and the existing site is spread over those sites. Anyway I have done all that only to discover from High Rankings Advisor (highrankings.com that search engines have now cottoned onto this (competitors complaining I suppose). But I'm going ahead anyway.
My problem is that I have put all my keywords and descriptions on the 1024 pages. But if a person sees that page in a search engine clickt to view it and has a 800 x 600 monitor then my script is not going to work.
I have tried putting my index page script onto all the pages (see script below), but when I open a unique page it looks for the index page in the folder where that doc is situated. I suppose a quick and dirty would be to direct the viewer back to the index page which will then activates the scrpt (see below) that checks for the right monitor size.
I would prefer the viewer to stay on page. So If someone who knows Javascript can rewrite the script so that A) it looks at the name of the page. And B) once it sees that page's name it has to then look for that same page in the appropriate folder and open that page. (folders are docs800, docs1024 and docs1624)
The problem is that I can't have the same index page script because at the moment if the script is on the page I am trying to open, it loops forever.
How do I sort this out?
This is the present script on the index page.
<script language="JavaScript"> <!--// hide bad old browsers var s800x600page = "index800.htm"; var s1024x768page = "index1024.htm"; var s1152x864page = "index1264.htm"; var s1280x720page = "index1264.htm"; var s1280x960page = "index1264.htm"; var s1280x1024page = "index1264.htm"; var pagetype; if ((screen.height == 600) && (screen.width == 800)) { pagetype = 2; } else if ((screen.height == 768) && (screen.width == 1024)) { pagetype = 3; } else if ((screen.height == 864) && (screen.width == 1152)) { pagetype = 4; } else if ((screen.height == 720) && (screen.width == 1280)) { pagetype = 4; } else if ((screen.height == 960) && (screen.width == 1280)) { pagetype = 4; } else if ((screen.height == 1024) && (screen.width == 1280)) { pagetype = 4; } else { pagetype = 2; } if (pagetype == 2) { window.location.href = s800x600page } else if (pagetype == 3) { window.location.href = s1024x768page } else if (pagetype == 4) { window.location.href = s1152x864page } else if (pagetype == 4) { window.location.href = s1280x720page } else if (pagetype == 4) { window.location.href = s1280x960page } else if (pagetype == 4) { window.location.href = s1280x1024page } //--> </script>
I design but programming is still in my dreams ...
I am running client (browser) side Javascript, and would like to somehow be able to detect whether some Javascript code causes any changes to occur to the DOM model.
Is there any way to do this? For example, with some kind of try/catch block?
Is there a way to monitor a newly opepend child window with opener, even when the page keeps reloading ?
Say window A opens window B and gives it a name/handle "myWindow". At this point anywhere in window A, we could say myWindow.location.href to find out where the child is.
But what if someone was to take window A to another site, and than return using history button, OR reload it completely.
upon load the var myWindow would get executed again, and it seems like the handle would be lost. I tried to see if there was a window.children collection that might still hold window B in its subset, but was not able to find a way thus far.
I want to make a custom visitor tracking tool and like Google Analytics it must be able to track how long time visitors spend on each page.How do you recommend doing this?I thought of using the Javascript onload event to start counting time serverside and then the onbeforeunload event to do tell the server to end the time count. I'm just skeptic of an infinite visit duration if the visitor's browser for some reason doesn't call the event (ie power outage).
Can I fire an event in the host page when a contained IFrame finishes loading? The page being loaded can come from anywhere (i.e. other sites), and I need to know how long it takes to load.
I have the Treeview Async working. It does a JSON call each time a LI is opened and gets the sub UL list. Everything works great. However, I want to fire the load event for specific LI so I can load the tree and get & open only certain sub UL lists. How can I fire the load event for just certain LI when using the async treeview?
I'm loading an html page into an iframe from an onclick event. The procedure is to put a number into a textfield and then click a button that loads a separate file into the iframe. The number is used as a url parameter to grab certain info from mysql (locations.php?sku= the number ).On first click the page loads in the iframe with no info at all, then if I reload the page by way of the reload button in browser and then click the button a second time, it works. If I change the number and click the button nothing changes until I reload and click the button again. This is the code I'm working with---
Code: <script type="text/javascript"> url = document.regionbar.sku.value; function doClick() {[code]......
I am loading content into a page using the following: $("#someDiv).load("/Some.action",{id: someId}); The document that results from Some.action contains javascript at the top. I want the javascript to be executed when the resulting content is fully ready/loaded. I attempted to use the document ready:
I'm new to jquery, and to javascript in fact. I'm trying to find some way to find out when an element (by its Id, class or element type) has been loaded. What I have is the following: I have a report in a table, and the records are paginated so that only a few (say 10) are shown each time. When I press "next page" only the table is reloaded instead of the whole page.
The thing is, some of the table cells have a datepicker, but I only manage to show the datepicker in the first page (because it is the only time when the whole page is loaded and I add the datepicker on document.ready). So, I guess what I'm looking for is something like $("table").ready(function... . I have found an "elementReady" plugin, but what it does is triggering an event when a given element is ready (which is what I want) only when the full DOM is loading (which is not what I want).
I'm loading a list of elements into mydiv with ajax, I want them to be selectable so I call the UI plugin selectable after the list has loaded.
The list building function produces this:
<div id='mydiv'> <ul id='mylist'> .... </ul>
[Code].....
The problem is, every time I click the link to reload the list via ajax, I get a duplicate selectable event handler created. Should I be removing the old event handlers before reloading the div ? if so, how?
Everything works, as in selectable still works, and only seems to fire once but I get ever growing memory usage in firefox and an ever growing list of event handlers in the firebug script tab. Eventually firefox starts to crawl and I have to restart the browser.
.change() is only for form elements minus check boxes/radio buttons, etc.Are any of you aware of a script that does this already? Hopefully one that is easy to implement.I just want to monitor things like height, number of inner elements, or any change in the inner HTML.
. I basically have a simple AJAX voting sytem for stories. The problem I have is the php script takes a $_GET['id'] to work. What I was wondering was how I can pass the id value via AJAX to the PHP script.
I have looked at this code and determined I will get the following if I run individual variable. x = 10 y = 5 z to 5
However I am not sure. Because when I run the function using document.write Like this: Code: document.write(get_xyx()); I get undefined
Here is the code: Code: <script type="text/javascript"> var n=5; var x=n + n; var y=n + n; function get_xyz () { var x = n; y = n; z = n; } get_xyz(); </script>
I want to be able to enter a value on a page (like 3.2), and then read it as a 32-bit float and break it into it's individual bytes.
I've tried using bitwise operators, but they seem to convert the value into an integer first, and i've tried using the toString() method to convert it into a hex value so i can parse it, but that also seems to first convert it into an integer.
I'm trying to use the $.ajax to load an html file that has content grouped by divs with id's. I would then call the correct content via its id depending on the window.location.hash. I'm having trouble figuring out how to append the content to the existing <div class="content"> on the page.
Basically I have created 3 pages - index.html, page1.html + page2.html
I have 2 links in index.html that link off to page1.html + page2.html
My question is, can I use javascript in such a way that if I click link 1 then page1.html opens in a new window but if I then click link 2 then page2.html appears in the window that currently has page1.html?
I have a page that has a scrolling ticker at the top and streaming video in the middle. I want the scrolling html marquee at the top to refresh every 30 seconds but I can't reload the entire page or the video will restart.
I know that javascript could do this but I have no idea where to start or how to do it.
has anyone done this and can paste me some code to use?
