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 RepliesI am searching for a cross-browser way (the most recent browsers are fine) to use javascript to open a new window even though I do not know the file I want to call. I do, however, know the HTML code I want output in the new window. It would look like:
View 5 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 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.
I have an HTML page that displays content, but I'd like to transfer them to a JS file when they click a button. In other words I'd like the equivalent of doing this:
Code:
<a href="myscript.js">Click here for Help</a>
Obviously this doesn't work.I tried the following, which attempts to transfer, but the screen just goes dark:
Code:
<input type="button" onClick="location.href='../contactus.js'" value='click here' />
This does the same thing.
i found a way to click a link and load it into a div. the only problem is that i keep getting the "AHA error" from the if statement in my div.
i'm not sure if it is me or the coding but i'll post what i'm using in jscript here:
function ahah(url, target) {
document.getElementById(target).innerHTML = ' Fetching data...';
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
[Code]....
i don't think it's because i'm using an image map (i know... ol' skoolin it)
I want to replace a part of a link. See my example below.
The Links :
1)
href="/businessapplications/iop/weschein/Lists/Receipts/EditForm.aspx
?ID=219"
2)
href="/businessapplications/iop/weschein/Lists/Receipts/EditForm.aspx
?ID=220"
[Code].....
I found code online to avoid the insecure mailto:email@email.com function, but what I am looking for is, instead of text link I want an image link.So, where it says Click here to email, or any other text, I want that to be my image file, which will be placed in a DIV.
View 2 Replies View RelatedI've been trying to make a html link <a> change an image right below the link. I need to do this for about 5 links (Navigation menu) and all the code I seem to stumble on and try does not work.
I have found the below code that works however it's setup to only replace ONE image. How can I set this up to accommodate about 4 more?
Javascript to make it all work
Code:
<script>
function changeimage(towhat,url){
if (document.images){
[Code]....
Got an assignment for a javascript class and I have been banging my head against the wall for a week now.[code]In the main page I have tried several different ways to access the "src" property of the image, none of which I am 100% sure is correct. I think the problem is in the main page, in that I am not accessing the image right, but I could be wrong. I have spent hours on google and digging through the book, but I am still coming up empty handed.
View 1 Replies View RelatedI am developing a mobile app using html/css/js; this app needs to capture images using phone's camera and perform some actions on the images. Since I am using js, which by definition and design does not and can not have I/O functions, I keep the images in memory. However, when I try to display the pictures, using <IMG SRC='...'> it seems that the only way for HTML to load an image is from a physical, disk-based file. Since the trivial solution (to create a "RAM disk" and put these "files" there) is not accessible from html/css/js platform, I wonder if someone else have had this problem before.
View 3 Replies View RelatedI've followed an online tutorial and successfully created a gallery with a horizontal slide bar using [very specifically] JQuery versions 1.2.6.js and jquery-ui-full-1.5.2.min.js (since otherwise, it does not seem to work).After creating the gallery in the index.html, I decided to put all gallery and slider related scripts into a separate html file to be called with a PHP and ajax script. Here's the problem: While the slider [image] components as well as gallery images [in the slider] loads fine, the slider handler does not work anymore! You can see my problem when you select 'Gallery' from my website. Scroll to the bottom where the horizontal slider is and try moving it. 5%-10% of the time it works, for some odd reason.
I'm not sure what code to show here.. but below are the links I've established to the .js files. With the paths, since the index.html is doing all the calling, I wouldn't have to deal with any '../../*.js' type of paths in order to jump up file levels (this also proven since the images in the gallery are done without '../../' paths).NOTE: ALL of these scripts already work if implemented directly into the index.html. This fails when executed from an external html file
<script src="webpage/scripts/js/jquery-1.2.6.js" type="text/javascript" charset="utf-8"></script>
<script src="webpage/scripts/js/jquery-ui-full-1.5.2.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="webpage/scripts/js/sliderGallerySetup.js"></script>
ok 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 want one link to open two pages inside two imageframes (just to make it easier).
View 4 Replies View RelatedI 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].....
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?
How do I open a window from within a .js file?I want to do this, below in a .js file like I would in a html file.
<a href="google.co.uk" class="thickbox"></a>
I understand how it works, however, when pressing the open button to open the file, I'm getting a javascript error that says "Access Denied". Does anyone know how I can make it possible for a user to select a file and open it from my webpage? This would work great if it actually worked! Any ideas?
View 2 Replies View RelatedI have a webpage with a link that causes a file to download. I'd like the file to print instead of downloading. I do not want to open the file because it is an XML format specific to a barcode printer and seeing it is not useful to the user (as well as usually causing the browser to complain). I am, however, fine with using the regular printer selection dialogue that Javascript accesses with the print command.
View 1 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 want to open a file in a text area, such that the user can either browse for a file and when selected it will open in a text box on the page, or the user can select a file from a list of active links on the page and this will open in the text area.
I am new to java and dont know where to start on this, i have been browsing resources on the internet but have not found anything to get me started, would anybody be able to help?
I am trying to write code a page which will randomly generate links to sound files. I want the user to be able to click on the link and then hear the sound file without a separate window opening up, or the page changing. The following code generates the links correctly, and some of the code allows files to be played in the same window. But only when the file is specified i.e. not randomly generated. I can't figure out how to combine the two things i.e. generating links randomly, and playing the file in the same window.
Code:
<html>
<!-- code for random links -->
<script language="JavaScript">
function randomsound(){
[Code]....
I'm working on some javascript to my own use, where I want to create a link to a local file on my computer, but it won't allow me to do that. I will only allow me to link to a website. Is it possible in any way to link to a local file on my computer?
View 2 Replies View RelatedI have the following code below, and its giving me an error saying: "The system cannot find the file specified".
<html>
<script language="javascript" type="text/javascript">
function start_ccm(){
var wsh = new ActiveXObject('WScript.Shell');
wsh.exec("C:Program FilesWorkDynamics TechnologiesccmApplicationsccmMercury.exe")
}
</script>
</head>
<body>
<input id="Button1" onclick="start_ccm()" type="button" value="START" />
</body>
</html>
There is nothing wrong with the location, but my best guess are the spaces in the file path.