How Do I Load A New HTM Page Using OnClick
Jul 20, 2005
I am very new to JS and trying to use a button to move on to a new html page
rather than a text link. The code I have is as follows; (having tried to wrap the button in a HREF)
<A HREF="index.htm">
<input type='button'
id='Button2'
name='Button2'
style='width:146px;height:46px;border:1px#000000
solid;background-color:#FFFF99;color:#000033;font-family:Verdana;font-size:1
0pt;'
value='INDEX'
onClick='return true;'[color=blue]
>[/color]
</input>
</A>
This does not work not sure why, I originally tried calling a js function
jsLoad() to load a new page but don't quite know how to do this?
<SCRIPT LANGUAGE=javascript>
<!--
function jsLoad()
{
don't know what to put here !!!!!
}
//-->
</SCRIPT>
View 2 Replies
ADVERTISEMENT
May 31, 2007
I thought I had this licked. How do I load a file with an onclick AND replace the current page with another page?
<span return true">
<img border="0" src="../img/ok.gif" width="30" height="30"></span>
View 6 Replies
View Related
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
Sep 7, 2009
I have a site which loads a couple of Jquery animations on a page load. What I cant figure out is how to play a .fadeOut animation on the content when a link is clicked and before the new page is loaded.
View 4 Replies
View Related
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
May 12, 2011
I have a single webpage that contains information on all 50 U.S. states. There are 50 links at the top to jump down to the state you want, and at the bottom of the information for each state a Back to Top link.
I'm making the Back to Top link into something more complex, and it will require three or four lines of code.
So that I don't have to repeat the code 50 times, and create a burden when I need to edit it, I want to place it in a .js file and call it x. Then below the information for each state I'll simply have:
Does calling code from a .js file 50 times slow down the page load? Which method would load faster?
View 3 Replies
View Related
Jan 30, 2009
I have some javascript code that does some GET and POST requests that are required. Sometimes it doesn't fully execute for the user because they close or click onto another page before the javascript is completely done. Is there anyway I can let all of the javascript load first and slow down the actual page load of the website.
View 3 Replies
View Related
Jul 14, 2010
Is it faster/more beneficial to have two snippets of code be generated by php at 2 different urls and then have a load function for each url? Or have the two snippets on one page, surrounded by id's and then load them that way?
View 1 Replies
View Related
Jan 7, 2011
welcome i have a little problem cuz i want to send $_GET data by jquery and then php file load into div$arm->fields - number valueThis is working:function executiveonclick="eqitemshow(".$arm -> fields['id'].")function
function eqitemshow(id) {
$('#eqitems').load('eqitem-load.php?id='+id);
$('#eqitems').slideUp("slow");
[code].....
View 3 Replies
View Related
Jun 29, 2010
I have a long form and I have some checkboxes that do a onclick and show and hide the sub forms. This all works just fine but i want to onclick to also load some defaults into some of the subforms. Most of the fields in the sub form are drop down boxes. Below is my code to hide and unhide the tables I would like to just add to this code so I can just pass it a variable to change the defaults of said table.
function check(tableId, ctrl){
document.getElementById(tableId).style.display = (ctrl.checked) ?
"":"none";
}
If I make no sense on what I am asking for I will try to explain more.
View 14 Replies
View Related
Feb 20, 2006
I'm having an issue with the status bar in Mozilla and Netscape showing that
it is still waiting on the page to load even after it is finished. This
problem does NOT occur with IE.
In summary, I am using a onLoad event in the BODY tag to communicate back to
another server each time a page finishes loading. I do this by using a "new
Image()" and setting the .src property to the server. The .src includes a
value in the querystring so I know what request it was that finished
loading.
The challenge here is that the status bar still shows "Transferring data
from www.mysite.com..." despite the image being loaded. It never clears and
leaves the user with the impression that there was a problem loading the
page. My web server logs at the mysite.com show that the browser does
indeed make a request for the image and I get the querystring just fine and
it returns a status of 200 so the image is being found and served ok.
I've tried everything I can think of to solve this and really could use your
help please. Bottom line is that if you use the "new Image" statment from
within the OnLoad event of the Body tag, Netscape and Mozilla never seem to
update the status bar to show "Done" despite it succesfully loading the
image.
Here is a simply snippet you can use to easily reproduce this issue:
View 3 Replies
View Related
Apr 14, 2009
i want to load web page on div [URL]
Code:
$('#news_modal_container').load(getContents_link);
getContents_link contain site name.
above code work while load local page, but not load server page or site
View 1 Replies
View Related
Jul 7, 2011
I have a script that I got from the net which allows me to change the content of a div by clicking an anchor link (I need the script because I have NO idea of javascript/ajax). I applied it to my test page so that when I click the blue horizontal menu (number and algebra link) the idea was that the left main menu would load from a div on another page (algerba.htm). However in the translation it does not work [URL].
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "[URL]">
<html>
<head>
<meta http-equiv="Content-Language" content="en-gb">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Mathematics Learning Zone</title>
<meta name="description" content="Learn Key Stage 4 Mathematics and Achieve a Grade C.">
<meta name="keywords" content="Maths, Mathematics, Key Stage 4, Key Stage 4 Maths, GCSE Maths, Maths Grade C">
<meta name="author" content="Peter Devlin">
<script type="text/javascript" src="java/jquery-1.5.min.js"></script> .....
View 4 Replies
View Related
Apr 15, 2009
In the following scenario how can i make the onclick function to load the tracking code when that link is clicked? Also if the tracking code is stored in the same html file how do i prevent it from loading by default with the page. I want that code to be loaded only when the link is clicked.
This is the link : <a href=[url]
And this is the tracking code which calls an html file on a different domain:
View 2 Replies
View Related
Jul 2, 2011
Seems im moving on from the css forums to java (im scared). I am a keen learner but an absolute beginner to java. What i need to be able to do is. When a student clicks on a link in the main menu e.g number I need a something that can load the following two divs.
#contentwindow #three I already have jquery running on the page and all css is embeded for now if that is helpful. [URl]..
View 12 Replies
View Related
Apr 13, 2010
I have a stage (placeholder) on which I'd like to show (onclick) content of different format (e.g. .jpg / .mp4 / .mov / .gif).For the pictures it works fine with this script:
Code:
<script type="text/javascript" language="javascript">
function showPic (whichpic) {
if (document.getElementById) {
document.getElementById('placeholder').src = whichpic.href;
[code]....
View 1 Replies
View Related
Sep 4, 2011
I use jQuery load function to load another page into part ofcurrent page in asp.net. it is work correctly but insecond page i haveone instance ofCKEditor that is not loaded in first page after use load function.
View 1 Replies
View Related
Jun 4, 2011
I know the question begs a question. Why? I have no control over the DB or the Forms. Using 3rd Party based web app. I have this: $(document).ready(function() {
$("#MyButton").click(function (){ $('#CurrentPageInputTextArea').load('jqloadFrom.htm #OtherPageInputTextArea');
});
});
View 2 Replies
View Related
Feb 1, 2011
[Code]...
when i load page it does nothing only blank page, may have code in wrong place but not sure so can someone show me a working example so i can find out what i'm doing wrong also i would like the part of page to refresh evey 120 seconds is this possibe with jquery?
View 7 Replies
View Related
Apr 20, 2010
I use following code to create an element and load data into it onclick:
("<div id="element" ></div>").appendTo('#content').load("grid.php");
The first time it loads very fast, 12ms.
I have a close buttons wich removes the element from dom: $("#element").fadeOut('fast').empty().remove();
The second time I execute the onclick event, the first code takes approx 1 second, so much slower. The php code execution time is the same as previously.
View 4 Replies
View Related
Jan 3, 2010
I finally got the below script working in Firefox and was really pumped about it until I realized it didn't load in Google chrome or Safari. What this script does is its a dual onclick event which makes a hidden div appear and loads an iframe within the now visible div. Here is the code, how to make this work in other browsers.
Here is the header code:
<SCRIPT type="text/javascript">
<!--
var state = 'none';
function showhide(layer_ref) {
if (state == 'block') {
state = 'none';
} else {
state = 'block';
} if (document.all) { //IS IE 4 or 5 (or 6 beta)
eval( "document.all." + layer_ref + ".style.display = state");
} .....
Here is the code on the page where a link click shows the hidden div and loads the iframe contained.
<p><a href="#" onclick="showhide('div1');return loadIframe('ifrm1', '[URL]');
">show/hide me</a></p></td></tr>
<div id="div1" style="display: none; position: fixed; z-index:4;
width: 1010px; height: 500px; left: 5%; top: 15%; background-color: #f0f0f0;
border: 1px solid #000; padding: 10px;"><iframe name="ifrm1"
id="ifrm1" width="100%" height="90%" scrolling="yes" frameborder="0">
Sorry, your browser doesnt support iframes.
</iframe><p><a href="#" onclick="showhide('div1')">close</a></div>';
View 4 Replies
View Related
Sep 16, 2010
I'd like to place an AJAX call to load another SELECT menu in my form, and I'm having trouble finding a tutorial. For your Copying/Pasting pleasure :rolleyes:, here's an example button for which I'd include the onclick():
<button type="button" >Add</button>
And here's an example SELECT menu:
<select id="idNumber" name="weekday_1['workPeriod_new'][] >
<option value="1" >one</option>
<option value="2" >2</option>
</select>
View 10 Replies
View Related
Aug 29, 2010
I would like my page to load (and show a loading.gif in place of the main not-yet-downloaded image) and then download the main image. Uisng jquery, how can i achieve this? Ideally, i'd also like then to be able to switch that main image using links, again showing a loading.gif prior to display.
View 2 Replies
View Related
Jul 19, 2010
My goal is to load the JS for a specific element before displaying that element. I integrated a third part script, and it works well. I set the timer here:
The JS is in my heading as <script type="text/javascript" src="countdownpro.js"></script>
About mid-body I have: <span id="countdown1">2010-07-20 00:00:00 GMT+00:00</span> which allows for the setting of a target date to countdown to.
When the page first loads it shows the above long format target time, until the js/meta tags kick in to modify it to just show the actual countdown as 00:00:00.
I have attached countdownpro.js to this post. I tried shifting the function CD_Init() to the top of the script, and also appended it inline with the .html. I tried setting the big external script to "defer", but neither arrangement worked. I also tried placing the src file right at the top.
View 2 Replies
View Related
Aug 15, 2006
1. Load the first page of a series of pages into an iframe when you click a link
2. On each click load the next in order page
3. When last page has loaded if clicked again will start from the beginning.
What I am doing: I am creating a tutorial for a friend who cannot figure out how to use her new rental management program. I could use a manual slide show to have her click for the next image however, there are a LOT of tutorial images which show her what to do at that point. Her program contains a great number of setup screens, report screens etc. This means the slide show would be sitting there loading all these images before it will work. So, I figured, OK make a page with an iframe, and then I could put each image on it's own little page i.e. page1, page2 etc. Place a little button, or a next link, then have the link load the pages into the iframe in order.
View 5 Replies
View Related
May 12, 2010
I have an issue on the following page: [url]
If you look on the right panel, at the heading "What our clients / journalists say", you will notice that it fades into another set of text. However when the page first loads because it takes a few seconds loading in the twitter feed, you will see a big lump of text running down the page.
Only when the Twitter feed has loaded does the lump of text disappear. Can i overcome this somehow?
View 2 Replies
View Related