OnClick Event Images Deliver A Variable To Another Page?

Sep 11, 2009

I have a html page with a lot of thumbnails. The idea is that when the user clicks on an image the onClick event is to display another detailed form and deliver to that form the name of the image in a variable. In the detailed php-form there is a query to MySQL to retrieve a record. The record will be retrieved by a Query based on the name of the picture. Apparently the PHP cannot do the job. I had an idea to make the thumbnail page as a form and to use use a hidden field with the thummnail name which should be carried on with the $_POST array through the submit button but i do not want to have a submit button. The more elegant way is just by clicking the picture the detailed page is opened and the variable is transferred where my php code can make use of the variable for the query. I have never used java before so you have to excuse for the lack of knowledge.

View 3 Replies


ADVERTISEMENT

OnClick Event For Images

Dec 26, 2006

I am trying to set the onclick event for images through a function, but the
event is triggered as soon the page loads, then will not work when the image
is clicked. Can anyone suggest what is wrong?
It is happening in both IE6 and Firefox
---------------------------------------------------------------------------
window.onload = fnNewWindowLinks;

function fnNewWindowLinks() {
for (var intLinks=0; intLinks<document.links.length; intLinks++) {
if (document.links[intLinks].className == "picture") {
document.links[intLinks].onClick = alert("Clicked");
}
}
}
---------------------------------------------------------------------------

View 5 Replies View Related

Double Onclick + Event Images?

Jan 19, 2010

http:[url]............1) In the events.js-file where you write the longer text part for the tooltip, is it possible to include images somehow for each event within the end of the tooltip?I thinkt that would make the activities look a bit more interesting to read about.

2) When I click on any yellow event in the calendar, it changes the text to the right. Fine with that. But is it possible to use onclick as a double function?So that when I click on "START" (bottom left of the calendar) after having pressed any yellow event, it will not only take me back to the right month but also take me back to the start text?

View 1 Replies View Related

Script For IP Detection To Deliver Specific Page?

Oct 25, 2010

I was wondering if there exists a script that would do two things:

1) Determine the IP address of the site visitor

2) and, based upon the IP address being either an odd or even number, display a particular version of a webpage. (Odd-numbered IP would show page version A, even numbered IP would show version B)

The reason for desiring the above function is to be able to do a split-test to find out the pulling-power of two slightly different page designs.

View 2 Replies View Related

Variable Scope In Onclick Event

Oct 17, 2010

I have this web application where users are able to fill out and submit reports. The reports and scripts are part of a whole system, that is, they are used on a couple of different clients written in both vb and c#. This is the web-version of those clients.The scripting language is javascript and is executed using different script engines on the different systems. But for the web-version it is just executed in the browser.The different fields in the report can be accessed by typing:ID1.value. To get ID1 to apply for the input-field with id ID1 I had to in the initfunction of the page write a window["ID1"] = document.getElementById("ID1");

But my problem is when this element change. Cause in the report I have a special element that in the browser is translated to a table-element with a report-field in each cell.When I switch the current row, I need to update the window["ID1"] to equal the correct report field on the selected row. But when trying to access the new variable ID1 from a buttons onclick event it is undefined.<input type="text" id="test" onclick="alert(ID1.value);" />What I think happens is that when the page is first drawn the onclick event is created and as I understand, variables inside an event has the same value as when the event was created.

So if ID1.value was something when the page was created it will be the same when it is called even if the value of ID1 is different. And that seems to be the case. When I debug the page, before entering the event, ID1.value has the correct value while inside the event it is undefined and after the event it has the correct value. If I write window["ID1"] correct value is also shown.But a weird thing is that in another place in the code I had the same problem but instead of having the code inside the onclick event I first had a global function changeActiveRow and inside that I had an eval, eval(document.getElementById("ID1_script")) where ID1_script is a hidden element whos value is a script using ID1.value and that works.

View 3 Replies View Related

JQuery :: Set An Onclick Event With Passing A Variable As A Parameter?

Mar 20, 2011

what i want to do-

$
(
"#temp"
).

[Code]....

View 1 Replies View Related

Url Variable To Onclick - Can't Get The Next Page To Load

Sep 22, 2009

I am trying to use an onclick statement to go to an alternate web page displaying a different version of tha file being displayed in the current page.

In the HEAD section of the current page I have a global variable named currentfile that contains a file name. This function is also in the HEAD section immediately below the variable's declaration

I have tried every combination I can think of in the onclick code to get it to work but, no joy. here is an example:

I just can't get the next page to load.

View 15 Replies View Related

Using OnClick Event To Go To Another Page

Aug 10, 2004

My problem is with the onClick event. If I preface the event with a call to the function (as per the code snippet below); and the function returns a true, then the window.location doesn't execute (the same as if the function returns a false).

If I preface the onClick event with the window.location, i.e.
onClick="window.location='devSimpleForm.asp?cmdAction=ptoTest&employee=' + document.form1.employee.value"; return empSelected(this) >

the function call is still executed, but, even with a False, the new page (devSimpleForm.asp) still loads & runs.

I already have a 'submit' button used to open a different page, so I seem to be stuck with the onClick event handler.

Can anyone help so that a 'false' won't load/run the next page, and a 'true' will? :confused:

function empSelected(objForm) {

if (form1.employee.value == "") {
alert("You must choose an employee!")
form1.employee.focus()
return false
}
alert("We're being returned with TRUE")
return true
}//-----------------------------

<input type="button" name="test" value="Simple Form"
onMouseover="window.status='Click for test' return true"
onMouseOut="window.status=' ' return true"
onClick="return empSelected(this); window.location='devSimpleForm.asp?cmdAction=ptoTest&employee=' + document.form1.employee.value" >

View 2 Replies View Related

OnClick Event Fires When The Page Loads?

Sep 6, 2010

Alright, so I'm working on a script, and I'm simply using the following code:

document.getElementById("element").onclick = alert("hello");

When I load the page, the alert fires instantaneously. I'm completely stumped. I've checked everything in my not too extensive Javascript file, and it looks fine. What common errors could cause this?

View 5 Replies View Related

Loading Page Into Iframe From An Onclick Event?

Dec 13, 2010

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]......

View 2 Replies View Related

JQuery :: Var = $("img", This) - Set OnClick Event To All Images

Jan 14, 2011

I have 5 divs with class .myImage and i set onClick event to all images, firebug tell's me that i have used img varialbe more then one times, can i do this var = $("img", this)?

View 6 Replies View Related

Go To Top Of Page - Hide The Google Player Until An Onclick Event Actually Occurs

Jul 22, 2009

Here's my page.

[url]

I'm having 3 small issues with the page as it is.

First, I'd like to hide the Google Player until an onclick event actually occurs.

Second, at the moment, there's only an onclick for the image maps over the tracks list, and no href, which means the cursor never changes to the finger cursor, letting folks know there's a link there.

Last, when you click on a link, I'd like to the page to move its focus back to the top of the page (not reload, obviously). Instead, it just stays where you are, and the user has to manually scroll to see the full album art graphic.

Here are the relevant parts of the code:

Code:

Code:

Code:

View 14 Replies View Related

Safari Not Sending Requests During The Onclick Event Due To New Page Load?

Jul 7, 2010

I have a site which displays a selection of advert listings. We log the number of clicks each advert receives via ajax requests.The listings link to both internal pages on our site and external pages, hence the ajax - we cannot log the'clicks' by logging the requests on the destination pages as these are not all on our site for us to log. Also, I don't want to potentially get false positives e.g.from bookmarked pages - hence I am logging the actual clicks, not the requests on the destination.

All is OK in most browsers, but there is a problem with Safari (I am running Safari 4.0 on Windows XP running in Virtualbox OSE) but only where the destination is to open in the same window/tab (some listings go to a new window, some don't). I am logging clicks via an ajax request in the onclick event, which is working fine when the listing is to open in a new window, but it appears that when a new window is not to be opened, the ajax never gets sent.A have constructed the following minimal test case:

index.html

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" [code].....

Note the line commented '****' in index.html which cancels the action of the link. When this is not commented out, the ajax request is sent correctly. Without it (the desired situation) the ajax request never gets sent. Its as if Safari saves up the ajax requests to do later, but never sends them as the new page cancels all such 'saved up' actions.I am using the Safari web developer tools, but I have also checked this test case by checking the Apache logs. Note that as a test case I don't pretend that it will work in IE, but it should work in standards compliant browsers and has been tested on Firefox 3.6.6 and Opera 10.6. The Apache logs show that logger.txt is being requested, unless it is already in the browser cache.Possible workarounds I've considered, but would prefer to avoid:

On the site in question the only such links that currently open in the same window are internal, so I do have the option of logging safari clicks by logging these requests as opposed to clicks and checking the http referer on the server side. As this is not a very flexible solution as it relies on these specific circumstances, also relies on all other links successfully making a new window, and furthermore relying on http referer could result in false negatives I'd rather find a solution within the javascript.I haven't checked whether an asynchonous request would work, but I don't wish to do this anyway just in case there is ever a server problem that prevents the response coming back (note that for these purposes the response is actually superfluous - we are sending the server a message but don't need anything back). I also want to avoid the delay in sending the user to the destination - there is no point having to wait for a response we don't need.Lastly, and my prefered workaround unless I can find anything better, is to make Safari (only) open all links in a new window anyway.

View 1 Replies View Related

Create A Flyout Of A Container From Left Or Right Side Of A Page On Some Event (onClick Or OnMouseOver)?

Jun 2, 2009

I'm looking for a jQuery plugin, which could create a flyout of a container from left or right side of a page on some event (onClick or onMouseOver).

The example can be found at [URL] when the page loads some shopping ads slide from the left side of the browser screen (it's shown automatically only once, to see it again you need to delete this website cookies and reload the page - it would be great if the plugin had this cookie-based feature).

View 2 Replies View Related

JQuery :: Animation - Fade Plugin Onto A Page To Automatically Cycle Through Images In An Unordered List Without A Click Event

Feb 18, 2011

I have just added a jQuery fade plugin onto a page to automatically cycle through images in an unordered list without a click event. It works well but when I preview the page with JS disabled all images become visible and it messes up the layout. What I need is a method that works when JS is disabled. I have seen methods where the {display:none} CSS styles are applied then changed via JS but can't figure this out. If anyone can either recommend a decent plugin with provisions for JS disabled browsers

View 2 Replies View Related

Getting AJAX To Deliver Individual PHP Ids

Mar 22, 2011

. 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.

[Code]...

View 1 Replies View Related

Deliver Php Variables Over Open.window?

Nov 23, 2011

I have fallowing problem:

1. it reads some variables:
[php]...
echo "<tr><td></td>
<td><input id ='desc' type='text' name='desc'></td>
<td><input id ='sap_nr' type='text' name='sap_nr'></td>

[Code]...

View 3 Replies View Related

Onclick Defined Variable - Print Variable Some Place In Document

May 28, 2007

i'm not really sure how to explain this, since I know nothing about javascript, so i'll try and illustrate by the use of php (hope it makes sence)

I have a set of different links, like:

<a href="link.com?page=text1">text 1</a>
<a href="link.com?page=text2">text 2</a>
<a href="link.com?page=text3">text 3</a>
etc, where page is dynamic and can be anything I chose..

Another place in the same document, I echo out what the page variable is, like:

echo "$page";
so when clicking "text 1" the echo will output what i've defined the page to be, in this case "text1" ..

So I want to be able to click the links and change the output of the echo all depending on what i've defined in the link - without refreshing the page!

Is there any easy way to do this?

View 2 Replies View Related

Make An Onclick Event Change The Document.onclick ?

Sep 4, 2010

I want to make it so that when I click on something, it changes what document.onclick does.

This is a simplified version of what I'm trying to do:

Code:
<div id="clickme" onclick="document.onclick = function(){ alert ('This should not be alerted on the first click'); }">Click here</div>

However, as you'll notice, the alert box shows up on the first click as well. The only way I have been able to get around this behaviour is to have the first onclick execute a timer that will then set the document.onclick after 1ms, however this seems very messy to me.

View 1 Replies View Related

Onclick Event Expands DIV / Will Onmouseout Event Close?

Jan 9, 2009

currently on our site we have and expanding <div> that responds to both the onmouseover and onmouseout events. It works wonderfully.

The UX people now would like the expanding <div> to open with the onclick event and then as soon as the mouse leaves the expanded div, it would close. I have tried using the onmouseout event in conjunction the onclick event but it does not work (the div persists).

View 1 Replies View Related

Refresh Multiple Images - Every Time Page Gets Refreshed The Images Need To Change

Oct 5, 2009

I need to refresh multiple images on my site. So every time the page gets refreshed the images need to change. It worked fine with the script below, but this is only related to 1 image

I tried to copy the script and change the "ID's" but this does not do the job.

What should I change/add to the script below?

In head:

In body:

View 7 Replies View Related

Assaisning Onclick For Images?

Feb 13, 2010

I am currently building a memory game for an assignment. I guess you can figure out what it's supposed to do. Anyway i am having problems assigning onclick events for my images, as the way i've learned b4 doesn't work. The issue is this code snippet, everything else works or is in a working state at least;

[Code]...

View 1 Replies View Related

Onclick Swaps 2 Images?

Apr 22, 2011

I have been spending all morning trying different solutions. I'm trying to change two images ('bigpic' and 'desc') when someone clicks on a respective thumbnail. I have the swap working for 'bigpic' but cannot add the swap for 'desc' and get it to work. I used the Insert Image Object from Dreamweaver since I am not a Javascript coder and I've been looking through books and online and cannot find the answer. Here is the javascript code I have in the head:

<script type="text/javascript">
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

[Code]...

View 3 Replies View Related

Hide All Images, And Show Certain Ones ONCLICk?

Jan 30, 2010

I'm new to the forums, so if i post anything wrong let me know. I'm trying to use links to hide all the images, and show just ones from a certain category. I've used the img name attribute to group them and tried to do a function that shows only one img.

<script language="javascript">
function showone(x) {
document.getElementByName('a').style.display='none';
document.getElementByName('b').style.display='none';
document.getElementByName('c').style.display='none';

[Code]...

except the links don't work like they should, and I can't figure out why. I'm an idiot with javascript, so if feel free to make fun of me, and if anyone knows how to get this simple function to work,

View 9 Replies View Related

Dom Onclick Variable Value

Jul 24, 2006

I am trying to apply the current value of variable i to the links onclick event
I've even tried assigning it to variable j but the only values I get when any link is clicked is

i = 5
j = 4

The "page"+i and "Link"+i show as they should with variable i showing the correct value. Code:

View 5 Replies View Related

How To Put Variable In Onclick?

Feb 20, 2005

I have a JS variable I want to write inside of a onclick="" attribute. Example:

<script>
var cool = "hello";
</script>
<a href="#" onclick="RunFunction(cool)">Text</a>

View 1 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved