I have a script that is working well to detect if the client has acrobat reader is installed or not. I can print out next to the PDF link if the user has or hasn't got the reader. My problem is that i want to call that function and print something out only if the user clicks on the link to see the PDF file. This is where i'm at at the mo
I want to use an image map for something unique. The image would have about 10 to 15 (religious) symbols. When the user clicks on a particular symbol it will search the site for a few strings relating to that symbol. For example: Symbol 1 would be a cross when clicked it search the site for "christ, crucifix, christianity". I am sure I can make the image map but how do I make the image map call a function instead of a link.
I would like to include drop-down navigation links on my home page that connect to other pages on my website. No problem there. The problem is that some of the other pages contain a series of div elements that are hidden (display:none) until activated by javascript enabled links on the page. Clicking those links changes some of the page's content (within a div) .. almost like a "new" page. [URL]. Here's my question: Is there any way to create menu links on my home page that will open the "concert.html" page AND display the appropriate div content at the same time? For example: on the home page, a menu link under "Concert" that opens that page and automatically displays the "Rock Symphonies" section?
Here are the related HTML div elements on the "concert.html" page: <div id="page1">concept content</div> <div id="page2" style="display:none;">rock symphonies content</div> <div id="page3" style="display:none;">general program content</div> <div id="page4" style="display:none;">ticket price content</div> <div id="page5" style="display:none;">concert committee content</div>
Here are the corresponding js-enabled links: <li><a href="javascript:page(1,5);" id="tag1">Concept</a></li> <li><a href="javascript:page(2,5);" id="tag2">Rock Symphonies</a></li> <li><a href="javascript:page(3,5);" id="tag3">General Program</a></li> <li><a href="javascript:page(4,5);" id="tag4">Ticket Prices</a></li> <li><a href="javascript:page(5,5);" id="tag5">Concert Committee</a></li>
And here's the javascript I'm using: (scripts/generator.js) function page(id,all) {for (i=1; i<=all; i++) { if (i==id) { document.getElementById('page'+i).style.display="inline"; document.getElementById('tag'+i).style.fontWeight="normal"; document.getElementById('tag'+i).style.color="#FFF"; } else { document.getElementById('page'+i).style.display="none"; document.getElementById('tag'+i).style.fontWeight="normal"; document.getElementById('tag'+i).style.color="#a4bfed";} }}
I have my events and syntax in the immediate script and they were working fine. But Im trying to move it all into the Script tags and call on them by using the function ID but cant seem to figure it out. here's what I got:
<html> <body> <script type="text/javascript"> function txtAmenity()
Can anyone assist me with what I am trying to do with the following code (six different scenarios to try to make the functionality work correctly)?
I want to always (and ONLY) display in the status bar 'Symantec Corporation' whenever anyone mouses over (onMouseOver) my image or link OR when one clicks while holding the left mouse down (onClick) on the same image or link. Upon releasing the mouse (onMouseOut), the status bar should be 'blank'. I need the link to open in a new window via my function openWindow(URL) code.
What is happening in most of the six scenarios, is that when one clicks the link, either the function doesn't engage, but rather the <a href= takes effect instead OR that status bar shows 'javascript:openWindow('http://www.symantec.com/');' when one clicks while holding the left mouse down (onClick) on the image or link.
Additionally, for only the link, I need the CSS/style to show 'red' when one mouses over (onMouseOver) it and then change to 'blue' upon releasing the mouse (onMouseOut).
How about integrating 'style="cursor:hand"' into the code or perhaps setting some of the data via a <div> or <span> snippet? Code:
<button onClick="return popup('<span onClick='selectShape(1, 1, 1)'>test<span>');" tabindex=Ɖ' onFocus="setFocusColor(0,3)">....</button> This will work perfectly, but as soon as I need to pass Strings inside the selectShape function, I get stuck.
So the question is, how can I create the following and have it working
I want to have a link that when clicked on will call a specific php code. So when you click on the LSS link it sets a value to lss that I can call later with the php. This is what I have:
I'm wanting a table cell click event to remove and replace the table it was clicked on, however I'm finding that as it's deleting the original table object the actual running event code is being replaced and the function is bailing.how I can call the delete/refresh function from outside the event's function scope?
I have just started learning JQuery and have a doubt in the below code. $.get('myhtmlpage.html', myCallBack);The doubt is should the 1st parameter of the get function be a HTML file or can it be a unction name?
I want to call java function in javascript.In which we pass one parameter to function and its returns String value which I want to display in alert message.
I have a real perplexing issue. In two separate "projects" I had code that displayed checkboxes - when clicked, they would fetch information from a db and display it in the div below. I had code that displayed a jquery date-picker - when clicked, it would fetch information from a db and display it in the div below. My issue comes with this:
Does anybody have an idea how to call CGI on a onclick event when link is clicked. This is a sample that works in some situations but sometimes new page loading is to fast.
I am using an ajax call when clicked on a link... It asks whether you want to continue or not and if you say "ok" then it uses a perl script to delete something from the db.[code]So I was able to call confirm on each of those links and if agreed use an ajax call to a perl script to wipe the user from database. The thing is that I had to usereturn false; in the end of my js call (after ajax) otherwise the link would take me to the script, which I dont want to. I want to remain at main level (to be able to see all users)... Now how do i refresh the page after such deletion? Lets image this scenario:
User clicks on link_to_delete Brad => confirm => he confirms by clicking ok => ajax call to perl script that handles the deletion of Brad => return false (I want to remain at index.pl) => HOW DO I REALOAD INDEX.pl ? I deleted Brad but I can still see him cause the page has old data.
This works fine on a page by itself, but it opens the "chat.htm" page, as well as one before it that runs the code. It would be much better to just run it from a hyperlink button from the main page and not load the first unnecessary page in the first place.
iPhone and more can automatically recognize phone numbers and make them an active link to click and initiate a call to that number. I can do this on many webpages, but not in myTinyTodo task list. Anyone know what might be preventing the phones from being able to recognize the number and make it active?
You can input a task on this page with a phone number and then view on your phone to see if it is active link or not.[URl]...
I have a document that can contain any number of iframes which have further copies of the same document (and so on). In practice, we shouldn't ever have frames within frames, but I'd like to make the implementation a general case.
Various of the functions in the parent document need to call themselves in the child documents with the same parameters as they've just been passed.
Now, I can stick a loop in each function that goes throught the window.frames array and calls the function for each frame, but for I'd like to write a function to do this.
It's at this point that my brain explodes. If I limit it to a single parameter we can do:
I'm in the middle of a JavaScript class, and I've run into a problem with one assignment. ^^; I've been given a pre-written script and HTML code to work with, and am required to modify it. Here's one thing I have to do, via my instructor:
Add an "email" field to this form. This field should also validate as a valid email address. (Hint: after adding the form field to the form itself, your next step will be to expand the function named submitIt() by adding a second if statement to confirm the contents of the email field. You will want to paste into the header and use the validEmail() function which you will find in Script 7.15, highlighted in red on pages 192-3 of your textbook.)
I know how to write the code to validate an email address, but I can't figure out how to call the validEmail() function in the submitIt() function. The code I have now just blanks out all the fields when I hit "submit." Here's the part of the script with the email validation:
window.onload = loadDoc; function loadDoc() { resetForm(document.forms[0]);
This is a very basic version of what I am trying to do. I have a dynamic list which is set in a table. When clicked, a function is run to set up a new list.. The reason I explain that, is that I need to keep it dynamic.Now for the problem:When I run this page, I have the button made right away, then when clicked it creates the new button. The new button should also run the function to create the new button again, but when I click it, I only receive "error on page".
I'm trying to "progressively enhance" one of my surveys using javascript. Basically, I have rating scales that make use of radio buttons as each point on the scale. Each radio button occupies its own cell in a table. I wrote some functions that will highlight cells on mouseover in a color corresponding to its position on the scale (e.g. the lowest point is red, the midpoint is yellow, the highest point is green). When a radio button is clicked, the background of the button's cell and preceding cells in the same row will be colored accordingly. The functions are working well in FireFox and Chrome (I just have to add a few lines using the addEvent function to make it compatible with IE).
The effect looks a lot nicer when I add a function that makes the visibility of the radio buttons hidden.
However, I want to make sure that there is a fallback option in case the functions that color the cells don't work for whatever reason. I would not want the radio buttons hidden in this case.
Is there a method whereby I can call the "hideRadiobuttons" function only if the other functions are successfully executed?
I am creating a little word guess game, with a random function which picks the word from an array of 10 words. The second function checks if the users' letter choice is part of the secret word. Currently, each time the checkGuess() function is called, the word is changed, probably because I am calling the wordPicker() function from within. The wordPicker randomly chooses the word, then returns that word. All I want to do is pull that word into the checkGuess function, without calling the wordPicker function as it currently does. Here is the code:
Create secret word array var wordList = new Array("stealth", "telephone", "internet", "nickel", "marine", "instantiate", "method", "function", "television", "monitor")
I'm working through the sitepoint ajax book and had a problem with a particular chunk of code. I eventually tracked down the error and it was being caused because I had:
Now, one of the sticky threads mentioned that the first is a function call and the second is a function pointer. My questions are:What's the difference between a function call and a function pointer? Why did it cause problems in this particular case? What are the general implications/issues with using one over the other?
