I have a site where I'm using a home-grown social bookmarking tool. The user has an option to "Bookmark this page" to their browser.
My code works, but the problem is that when I dynamically grab the document.title, the browser (both IE and FF) tries to resolve any spaces or special characters so that when the favorite is stored in the browser, the bookmark reads:
"This%20Site%20Bookmark"
instead of:
"This Site Bookmark"
I feel like there must be a simple function to resolve spaces, but I'm coming up blank, no pun intended...:)
We have an html page which brings in content dynmically using Ajax. So the page starts out with certain content, and when a particular link is clicked, the content is swapped out with new content. With this approach, the back button on the browser does not work, because the URL didn't actually change. How could a user bookmark the new page with the second set of content? Is this even possible?
I have been working on favorite blog on my site. I have done this with radio button. But I want to do this with AJAX. Like it has on flikrs.com. If you click on favorite tag it will show the bright star or something that indicates its your favorite photo. Or if you again click on that star it ll become dull, like its no more of your favorite photo.
I have several drop down lists of links with one of the drop downs being a "My Favorites". My intent is that when the user clicks on a star image next to the links, it is cloned and appended to the favorites menu, where it can then be drag and drop sorted. To remove the link from the favorites menu, the user can either click on the "x" button to the right of the link on the favorites menu, or unselect the star on the main menus.
I have successfully cloned the link and appended it to the favorites menu by selecting the star and enabled the drag and drop sorting, but I am having trouble removing the link form the favorites menu when unselecting the star and when clicking on the "x". Here is what I have so far:
var me = ''; $('div.star').toggle(function(me){ var me = $(this).next('a').text(); $(this).addClass('favorite').next('a').clone(true).appendTo('ul#myFavs1').wrap('<li></li>').before("<div class='dragHandle'><img class='png' src='_images/dragHandle4.png' width='11' height='11' /></div>").after("<div class='remove' title='Remove from Favorites'></div>").attr('id', me); return me;}, function(me){[CODE]...
So, I clone the link, wrap it, add a drag handle and the 'x' button, give it an id of the text of the link which all works fine. I have a different part of the script that uses the drag handle to drag and drop the links...that works fine. The issues I am having are that unselecting the star does not remove the link from the favorites drop down and clicking on the 'x' does not even fire the alert. The z-index on the 'x' is higher than all the other elements in the li.
I need to take some action when the user leaves my website. By leave I mean one of the following two cases:
1) Closes the browser 2) Goes to some other site (different domain)
Is there a way to detect this? I know that the event onbeforeunload and onunload gets fired when the user leaves the page, but these also get fired when the user leaves page A in my site and just goes to page B in my site. I don't want to alter every link within my site to fire the onclick event and in such event to "remember" in a JavaScript variable this is a navigation within my site. I am looking for some clean solution if one exists. For example, is there a way to get the information in the DOM where the user is going to when the onbeforeunload or onunload are fired?
I have a .Net website that uses a text file to record when visitors arrive on a page.
However, I really want it to also store the date and time that a visitor leaves a page. I can easily calculate the time spent on pages within a session but currently have no way of knowing how long someone spent on the last page they visited during a session.
What I need is a script that runs when a page is unloaded. The script will update a text file (stored in the htdocs folder of the site) with the current time.
So far, I have come to the conclusion that I may need to use JavaScript and the window.onbeforeunload event but I cannot get any further.
On one of my sites, I have a reather involved page (searchable map). When the person leaves the page then all the AJAX generated information is lost. Is there a way that I can retain all this data in a cookie or so or how would you recommend I saved all the users information (perhaps using a database on the serverside).
I want to know the height of the viewable portion of a page (minus scrollbar) in Opera and Mozilla.
For Opera, I could use document.body.clientHeight. Unfortunately, this won't work in Mozilla because Mozilla also subtracts the sizes of the top and bottom margins.
For Mozilla, I could use document.documentElement.clientHeight. Unfortunately, this won't work in Opera because Opera returns the height of the entire page, not just the viewable portion.
So I have two options:
1) Use browser detection code to determine if the user is running Opera or Mozilla, and then use the appropriate clientHeight code.
2) Use window.innerHeight. This is supported by both Opera and Mozilla, however it returns the height of the viewable portion of the page *including* the scrollbar. Is there any way to determine the width of a scrollbar? If not, then I would have to make an assumption and subtract the hardcoded width of the scrollbar from window.innerHeight... but only if the scrollbar is present, is there a way to determine that?
I'll be the first to admit, I am not skilled with javascript, but I can do a little work here and there. I remember learning there is a way to detect a user's/viewer's browser. Is there a possible javascript that allows me to detect a viewer's browser, the based on the browser, selects css/html to use so that the website is viewed correctly?
I wanted to know if we have some validator tool available which can validate our jsp code for W3C standards and for cross browser compatibility for browsers like IE, Mozilla, Chrome.
I am writing an application that (unfortunately) will work only with certain browsers and operating systems. Does anyone have a link to a good "browser/OS detection script"?
I'm looking for something simple that I can just include in each page of my html code, and us it like this:
How come when I add my code it doesn't place in on the page where its supposed to be it puts itself to the top of the page: Code: <script type='text/javascript'> function Go(){return} Menu1=new Array("<img src='images/mboardbtn.gif'>","http://","",0,20,122); Menu2=new Array("<img src='images/suserbtn.gif'>","http://","",0,0,122); Menu3=new Array("<img src='images/chatmailbtn.gif'>","http://","",0,20,122); Menu4=new Array("<img src='images/historybtn.gif'>","http://","",0,20,122); Menu5=new Array("<img src='images/locationbtn.gif'>","http://","",0,20,122); Menu6=new Array("<img src='images/cidbtn.gif'>","http://","",0,20,122); ..... function BeforeStart(){return} function AfterBuild(){return} function BeforeFirstOpen(){return} function AfterCloseAll(){return} </script> <noscript>Your browser does not support script</noscript>
I have the following problem in Internet Explorer 6: after loading Google map (use simplest example from Google API site) I see abracadabra instead of russian letters on control buttons ("Satellite" and others).
If I simply remove check from View | Encoding Auto-Select and then check this item again the page is refreshed and everything is ok with russian letters. (By the way, there is no such problem in FireFox).
So my question: is it possible to execute these menu commands by the Javascript code? If yes - how? If no - what to do?
I'm learning javascript. The portion I'm learning right now is how to write a short page that alerts the user that their javascript is not enabled. Then , when they enable it, javascript code written into this same page auto-redirects the user to a another page that requires javascript. I run firefox with the noscript add on. I'm learning to write code that first asks the user to enable javascript. When they do, redirect to mypage.html
The code below renders "Please enable javascript" when javascript is turned off - as it should. The autoredirect happens when javascript is turned on - as it should. The problem is the absolute url of the "mypage.html" file in the code is also rendered as a blue link when javascript is off. I don't want that rendering when off. I do use html comment tags as you can see in the code below.
Ever since I first used NS6, it has been buggy as hell when dealing with JavaScript image swaps/mouseovers. - The Images seem to dissapear for a second and then re-appear - something to do with NS6 having another DOM I think.
Even the V4.01 'patch' for DW4 from Macromedia doesn't seem to work for me.
Does anyone know of any rock-solid JavaScript MouseOver code, that'll work at least on IE5+ and NS6+ ??
