Embedd An Address Navigation Bar On Top Of Pages Visited From Root Site?
Sep 2, 2010
I have what some would identify as a Kiosk machine running a browser in full screen(true full screen, no address bar visible). It serves as an internet cafe machine, with unique users and a login system.
What I'm looking to do is when the user leaves the root site (via clicking a button), to embed a frame at the top of the page with an address navigation bar, so I can track the time the user spent browsing. I'm exclusively using firefox, and I'm not concerned with support for such functionality in other browsers.
I assume I can achieve this with javascript, jquery, or ajax, I'm just not sure which to start with and how to begin planning the execution.
there are a lot of different scripts out there to sort a table with multiple columns. However, I want to do something specific.
I have a table that is "spread" accross multiple pages. Usually, when a user wants to change the page, what you do is compute indexes in the server and return the modified list. But that's not what I want to do, I want to be able to navigate through the pages AND be able to sort the columns within the client screen.
Does anyone know of a good example of something like that ? I know it can be done, I would have to write the entire data in the client side, and then manipulate it with indexes and sorts. I am very much able to write such data, but should "delete" and "add" new table Elements (in a way that is browser compatible) or show/hide <TRelements, maybe overwrite these table rows?
I was wondering if this is somehow trivial so you can suggest a coding strategy or if anyone knows a good page that displays this possibility.
I'd like to be able to get the address of people accessing my site. I don't need their actual house address, just a general area like zip code or city/state/country. Is something like this possible? I know you can do this in php.
This is a function to hide and show div Code: function ToggleMaktoba (titleImg){ // the id of the content element from the id of the title element var contentID = titleImg.id.replace (/title/, "content"); var contentDiv = document.getElementById (contentID); if (contentDiv.style.display == "none") { titleImg.src = "images/collapse.gif"; contentDiv.style.display = "block"; } else { titleImg.src = "images/expand.gif"; contentDiv.style.display = "none"; } return false; }
The problem that I have is that this div is viewed on every page on the site, so if I hide it I want it to stay hidden even when navigating threw pages. If I choose to hide it, it stays hidden, and if I chose to show it, it stays shown.
I am trying to find the simplest, most cross-browser friendly dynamic navigation for my site. I tried to use a CSS version (Suckerfish) and it worked ok but it destroyed the formatting I had. I would really like to implement this kind of dropdown on my main navigation so users don't have to click and wait for a page to load. If possible, I'd like very few lines of code. That's why the CSS option was good... there was very little javascript.
I've been experimenting with accordion nav in the bottom of the sidebar on this site. I got it from this work put up by Marco van Hylckama Vlieg, and I think he's done a good job. At a glance, it looks like my menu works, but as you click around, you will see it is not consistent at remembering which section of the menu to leave open - it should remember its state. It uses cookies, and I wonder if there is a problem with that, or a conflict with other scripts on the site (this is a Squarespace site). I'm hoping a js expert might see an obvious problem. I asked Marco, but he saw no problem. I've tried it on several machines and always had problems.
I have a site using Grey Box pop up ( http:[url]....).It automatically pops up when you go to any of the 5 pages on the site. Is it possible to add a cookie to it so that it only pop up the first time someone comes to any one of the pages?
I had posted this issue previously regarding my Ajax site navigation module not loading correctly. It would load on certain parts of the site and not others. After some research I have discovered that I need to redirect from "www.mydomain.com" and make a call to "mydomain.com" instead. I thought a 301 .htaccess redirect would work but according to the site that sold me the template the script in my configure.php file must be changed. This is what configure.php looks like now.
I am wondering what has to be changed in the script so it will make the call the the correct domain so the ajax script will load on all parts of the site.
I am trying to implement a new jquery scroller for some navigation in my site and am running into some problems. I had a different version of the scroller working as well as the ajax calls to the content. Now with the new scroller there are classes created by the javascript that seem to be interfering with the ajax. You can see in the example shown : webdesign The solo link works fine (without the extra classes) This is how it was set up before. I am having to use a new scroller because I need to make the navigation dynamic and have to be able to create a single list of links that can then be cut up into sections by the JS, rather than building the list out in sections to be scrolled. If you are familiar with these scrollers then you know how they work.
This is the one I am using now: [URL] Then one I was using before is this: [URL] How can I get this to work. I tried disabling the creation of these classes but then it didn't scroll at all. I don't know JS enough to dig into the file or to figure out a solution.
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...
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.
I don't know if this is the right place for this, but it didn't seem to fit anywhere else!
I have the folowing test page: [index.html]
<html> <body> <form id="go" method="post" action="page2.html"> <a href="java script:;"* here 1</a> <a href="java script:;"* here 2</a> </form> </body> </html>
*"java script:;" should not have the space, but for some reason if you don't use the space it comes out "javascript:;"
In IE if you click the link "Click here 1", and then return to this page it will mark the link that you clicked as visited (and leave the other unvisited even tho it goes to the same place, which is nice) but if you do the same in Firefox it will not mark the link as visited, which is rather frustrating. Does any one know if it is possible to get the clicked link marked as visited in firefox?
<a href="link" onclick="DoOnClick('link')"> page title </a>
-where the DoOnClick("link") just adds a query part to the url before executing:
location.href = "link?query";
( this is done in order to maintain certain state information --(instead of using cookies.))
I also use something like this:
a.link { ...different... } a.visited { ...colors... } a.hover { ...for each of these... }
in a css file for the index pages, in order to distinguish the already-visited page-links.
The problem is that it's not working right.
It works with JavaScript disabled,
But with JavaScript enabled, it's only the first-clicked page link that gets marked as having been visited. Subsequent pages don't get marked.
Apparently the full "link?query" is being put in the browser history, - not "link".
And since "link?query" doesn't match exactly any "link" on the page, --none of them get marked as having been visited.
( However, - the really odd thing, - is that it does work -right -- in my local mirror of the site! (--I'm using the latest IE browser.)
Anyway, my question is, can anyone think of a way around this?
Perhaps by somehow using the JavaScript's "history" object to force recording of "link" instead of, or in addition to, "link?query", in the user's visited-link history, --so that they'll all get marked as such on the index pages?
Anyone know how I can change the color of a text link on a page that doesn't load a new page, but rather stays on the same page?The nav links already use an onClick to present content below it that changes depending on what link in the nav I select. In other words, there's already two things going on -- links take you to content on the same page using a JS onClick.What I want to add to that is when you click on the link, it changes style, like turns bold or changes color. So then the user knows that not only have they selected new content, but the link they selected stands out as well.
I have a problem with an application i'm working on (Asp.net using vb.net for developing). I'm normally used to doing middle tier development, so my javascript skills are not up to par. Here is my problem:
I have a javascript file called 'PMP/Scripts/Popups.js' (pmp is the root of the website). In that file is the following function:
function OpenTutorial(sTutID) { var sURL = '../support/tutorials.aspx?tutid=' = sTutID; var sProperties = 'center:yes;etc..' window.showModalDialog(sURL, self, sProperties); }
where ../support is acutally pmp/support.
Most of the website pages are located in sub folders from the root of the website. When editing is to be done on a record, a popup window is called from the main page. the popup pages are in another sub folder (i.e. pmp/review would be where review.aspx resides and the edit page would be located at pmp/review/popups). We give the user a tutorial icon to click on which calls the OpenTutorial function on a button click event.
The problem is the tutorial popup page won't load properly when called from another popup page. I've tried variations of location.href, location.pathname, location.hostname etc.. but can't seem to get the pages to open correctly. The most common error i get is that the url is not correct. here is a sample of the urls being called by the function:
I code with javascript in ruby on rails. So I need to switch between localhost and my website. So the domain changes every time. What can I do, so that javascript grabs the root domain, so, lets say: Code:
now in iFrame page (anypage.php) I want a button to control or SET the value of the main FORM (html page) and its variable myHiddenVar, for example here is what I tried and it didnt work...
in anypage.php I hade a button <input type=button value=change onClick="javascript:parent.myHiddenVar=100">
but the aboue didnt work, is there anything like docuemtroot ?
I have the following script using the closet method. It works fine for the inner most li tags however the outer li tags don't get seen? So both Root 1 and Root 2 don't get selected but the Sub Cat 1 and Sub Cat 2 get selected fine. I'm sure I'm missing some code to make this work.
Well, it's been a while since I last visited CF, but I'm finally back and, for the life of me, am drawing a total blank on something that seems like it should be fairly easy to handle.
The Math.sqrt() function works just fine if all a person needs is the Square Root of a number, but what about needing the Cube Root or even a 4th Root of a number?
My first instinct was to use the Math.pow(x,y) function with a negative value for "y." For instance;
var z=Math.pow(27,-3)
This should return a value of 3. Unfortunately, this doesnt seem to work when I tested it through the W3 reference pages, so I am looking for a clue as to how I might go about finding such values, or if it is even possible through Javascript.
i want to add the link address when clicked on the link in web page to the outlook express address book when the outlook window populates. i tried to put
<a href="mailto:enquiry@mydomain.com" > click here </a>
but it only add address to the To section of outlook window, i want it should store the address in the address book.. of outlook express..
I'm trying to implement a minimal navigation bar using jQuery's toggleClass() function but can't seem to get it working.
It's the .img_selector div at the bottom of the page:[url]
I want to toggle the 'active' class for each <a> when it's selected, to indicate which image is showing, so after calling jQuery, in the <head> I've got:
Then the links, which also include the showPic function:
I am not terribly familiar with Javascript but i am looking forward to learning, and currently the problem I am facing is this:I have an a file being included to an .shtml document, that serves as my navigation, the code is like this:
