One Link Opening Two Pages
Sep 27, 2003I want one link to open two pages inside two imageframes (just to make it easier).
View 4 RepliesI want one link to open two pages inside two imageframes (just to make it easier).
View 4 RepliesI have a main page (gallery.asp, Ex.1) that loads, via jQuery ajax, another page (picture.asp, Ex.2)
It's all fine when I first open the "gallery.asp" page: the "picture.asp" page loads into the "test" div with the first record I want ('cause of the snippet marked as "// load first picture onLoad")
In my idea, clicking on the "#next" and "#prev" link (that, please notice, are in the "picture.asp" page - so they are ajax-loaded) should load "/picture.asp?iData=<%= nextRecord %>" and "/picture.asp?iData=<%= prevRecord %>" into "test" div respectively
But of course, nothing happens (no "next" or "prev" page is loaded, and I get no errors)
Ex.1
<div id="test"></div>
...
$(document).ready(function(){
// load first picture onLoad
[Code].....
I was wondering if there's a way to get rid of the button, and make it so when the user opens the webpage, it automatically opens the multiple webpages.If that's not possible, I was also wondering if there's a way to make the button "click" on a mouseover, so when they move their mouse across the button, it opens the pages.
View 3 Replies View RelatedBasically I have created 3 pages - index.html, page1.html + page2.html
I have 2 links in index.html that link off to page1.html + page2.html
My question is, can I use javascript in such a way that if I click link 1 then page1.html opens in a new window but if I then click link 2 then page2.html appears in the window that currently has page1.html?
How to link two html pages? If we use <a> then what do wr give value to href?
View 3 Replies View Relatedok so here what i want to do:
i want a dropdown menu
i want a button (go)
i want ten different items in the dropdown menu
if i choose the first item and click go i want a new page to open in the same window
if i choose the second item and click go i want to a different page to open in the same window and so on
all ten items lead to a different link when i click go....how do i do this?
I have a button called LOOKUP, which when clicked calls a client side function that increments the nLookUp by 1 and then should open the target URL in new window. How can i accomplist this from cllient side scripting?
<script language="javascript">
<!--
var nLookUp = 0
[code].....
I was experimenting and I figured out a fun and cool way to two pages together by going back one page in history. The codes can be found here (MUST be named page_one and page_two and be placed in same folder/directory)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<title>Home</title>
</head>
<body>
<div align="center">
<font color="black" face="verdana" size="2"><b>
You are at home. If you want to go to school, go
<a style ="text-decoration:underline;color:#000000;size:2" href="page_two.html">
here
</b></font>
</a>
</div>
</body>
</html>
...And page two..
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>School</title>
<script type="text/javascript">
<!--
function question()
{
if(confirm("If you are homesick click OK. If not click Cancel"))
{
history.go(-1);
}
else
{
alert("Not homesick? Stay here then")
}
}
//-->
</script>
</head>
<body>
<div align="center">
<font face="verdana" color="black" size="2"><b>
Your at school. Are you homesick? If so, go
<a style ="text-decoration:underline;color:#000000; "href="#" onclick="question();">
here
</a>
</b></font>
</div>
</body>
</html>
From my web page I open another link in another browser window. That
new window is composed of two frames. I have a <a
href="....."> link on the second frame of that window. What I want is
that when user clicks on the link in the new window's second frame,
the response should open in the original browser window that opened
this secondary window(which is made of two frames). How can I do it?I
hope i have explained my problem.
I tried to used window.opened.location.href but it didnt work because
I have frames in my secondary window...
I am trying to make a script that would open a link every xx randomly seconds.
So far I have come up with this after searching:
<script>
function reloadMe() {
window.location.reload();
}
[Code].....
This works on refreashing a page every xx seconds between 30 and 60 seconds. But it does not open a link.
Is it possible to make a script that opens a link every xx seconds at random. It would be even greater if it can exclude certian times of the day, or can that be done with a cron job?
I need to have a link open in the parent window after opeining one on my site.
What the user does, is he/she clicks a link in their browser. that intern opens another window with a input field and a submit button. after they hit submit, i want the next page to load in the window they first clicked the link for the pop up.
how would i do this?
I'm searching for code for hide link in all over my site pages, it could be java script or anything.For example; when a visitors enter my site then when he first click to any link or anywhere in the page including blank white section of the page then automatically load another link in new tab (not new window) for one time only, this site using same thing what I'm wanting. After page load When you click anywhere in this site a new tab open with the link of top66.ro for one time only. One time per one visitor.
View 1 Replies View RelatedAnyways, I use the Jquery UI Tabs plugin for navigation within a page on my website. I have two tabs on this page and I would like to have one image at the bottom of the first tab content that just simply opens the second tabbed content. I read this wiki on the documentation section of the plugin page:
..select a tab from a text link instead of clicking a tab itself var $tabs = $('#example').tabs();
// first tab selected $('#my-text-link').click(function() {
// bind click event to link $tabs.tabs('select', 2);
// switch to third tab return false; });
This is the code that I have for the image (it also uses a simple javascript image hover effect on it as well)
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('consultation','','../weddings/pagegraphics/consult_b.png',1)"><span><img src="../weddings/pagegraphics/consult_a.gif" alt="set up a consultation now" name="consultation" width="293" height="36" border="0" id="consultation" align="right" /></span></a>
So when I read the the above wiki, i assumed that you put it in head like this:
$(function(){
/* $('#tab-me').tabs(); */
$('#tabmain').tabs(4, { fxFade: true, fxAutoHeight: true});
$('.scroll-paneMap').jScrollPane();
var $tabs = $('#tab1').tabs(); // first tab selected
$('#consultation').click(function() { // bind click event to link
$tabs.tabs('select', 2); // switch to third tab
return false;
});
Where I used the id of the image as the first "blind click event to link" and the name of the first tab that is opened when you view the page as "tab1" and the name/id of the tab that I would like to open on click is tab2. This is my basic code setup:
<div id="tab1" class="tabContent">
<div class="scroll-paneContact">
MAIN CONTENT GOES HERE
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('consultation','','../weddings/pagegraphics/consult_b.png',1)"><span><img src="../weddings/pagegraphics/consult_a.gif" alt="set up a consultation now" name="consultation" width="293" height="36" border="0" id="consultation" align="right" /></span></a>
</div><div>
<div id="tab2" class="tabContent">
<div class="scroll-paneContact" >
FORM TO LINK TO FROM TAB1 GOES HERE
</div></div>
I have a JS which I have already started to try to customise, but I am having some difficulty with it in that when I click on an image, it does not take me to my html page.with care.html. Although all files are in the same folder, I get an error indicating that the fille cannot be found (I have checked the file name spelling). I am not doing any of this online as the Web pages, when working, will be put on CDs.
View 7 Replies View RelatedI am having difficulty in opening a link in an Iframe. If I explain, I have four pages
-Page 1 containing the Iframe
-Page 2 containing a series of thumbnails that opens in Iframe on page 1
-Page 3 is the larger image that opens in the Iframe on page 1 after clicking the thumbnail on page 2
-Page 4 is a page with a linking menu that has a link to page 3
The task I am struggling with is to get the link on page 4 to open the larger image of page 3 in the Iframe on page 1. Now I maybe doing something wrong but the code is opening page 2 in the Iframe on page 1. Below are the links to the pages in question.
Page 1 Art for Sale - Bertram Enterprises
Page 2 Bertram Enterprises Collection_Ver2
Page 3 [URL]
Page 4 Jenni Dutton - Bertram Enterprises link near bottom of page - Art for Sale
I wish to use this on many more of the images.
i would like to use a small form to be placed in my website to do the following:
using a text field and a go button:
if user input is: "value a", go to "page a"
if user input is: "value b", go to "page b"
and so forth, if no value matches, go to "page c"
i saw a similar example using radio button but i could not modify it successfully to use text field
I have several images that I want to link from different pages but I also want to have the ability to zoom in and out on the images. My initial thought was to build HTML pages for each image with the zoom function added to each page but thought there would be an easier way so here is my question: Can I create a page with the zoom function and an empty DIV and have the links from other pages open a new window and load the image into the div? I have something similar using iFrames but am wanting to avoid frames if possible.
View 9 Replies View RelatedAm trying to disable the links for my drop down menu, just the parent links because there is no page for the parent links only the drop down. I dreamweaver I simply used a hash in my code but now am in wordpress and this is not possible.. gave me the code
Code:
<script type="text/javascript">
var $j = jQuery.noConflict();[code]....
Which did work, but for some reason does not now.. I would only like to disable those links that have a drop down menu bit[url]....
I am trying to use facebox on my site where when a thumbnail of a image is loaded, the large image appears on top. Currently when I select the thumbnail link it goes to new page with large image. I have done the following but still doesn't seem to be working.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link href="facebox.css" media="screen" rel="stylesheet" type="text/css" />
<link href="css/example.css" media="screen" rel="stylesheet" type="text/css" />
<script src="[URL]" type="text/javascript"></script>
<script src="facebox.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('a[rel*=facebox]').facebox({
loadingImage : 'images/loading.gif',
closeImage : 'images/closelabel.png'
})})
</script> </head>
I have downloaded css and jquery files and places in relevant folder, also given images.
<a href="<?=WEB_PATH?>/images/large/<?=$Row['file_name']?>" rel="facebox">
This is where my large image files are saved.
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.
I have a site where one of the links I have set up to open a pop up window which will display Terms & Agreement information, at the bottom there is a check box and a submit button for users to click on if they agree to the terms. I was able to get that working but the thing is when the user clicks in the check box and hits submit I want them to be directed to a page which has a form on it but I wanted the page to open in the original (Parent) window. This is where I am lost cause I found some coding which will open the page with the form in the pop up window but Ideally once they agree to terms and hit submit I'd like the pop up window to disappear and the new page open in the Parent window... is this possible below is the coding I'm using.
Here is the form:
<form method="get" action="this is where my link will go" onsubmit="return yes_no(this.form) " name="Agree">
<INPUT name="agree" name="agree" value="agree" type="checkbox"> I agree to terms
<input type="submit" name="submit" value="Accept Terms">
[Code].....
I have a HTML and I am opening another link in a separate window using window.open() . The child window is something like 'http://yahoo.com' which is out side html. I need to refresh the parent window when the child window is closed.
View 4 Replies View RelatedI coded the following JavaScript:
var el = document.createElement("iframe");
el.setAttribute('id', 'ifrm');
document.body.appendChild(el);
el.setAttribute('height', 250);
[Code].....
And am putting it between <script type="text/javascript"> and </script> tags in the <body> section of my site. But, it only works in certain areas of the page.
I need a counter that will display beside a link, with the number of times the same link has been clicked. I do not have FTP access to the site, since it is based on a CMS.
View 1 Replies View RelatedI heard elsewhere that this may not be possible; still, I thought I'd check.
I'd like to be able to open a new webpage in a new *tab* if the browser allows for it, otherwise, just a new window.
Possible?
I am using the following code to display an image in a seperate
window.
<form>
<input type=button
onClick='window.open("image1.jpg","","width=260,height=260,resizable=0,border=0")'
value=Shhow Picture'>
</form>
I want the window to be the exact size of the image so I set the width
and height of the window the same as the width & height of the image.
The code works, however there is a white border on the top and left
side of the image. If I add 20 to the width and height of the window
then there is a white border around the whole image.
Is there anyway to have the window the exact size of the image,
without this white border? I know there is probably a simple solution,
but I'm a beginner at JavaScript.