HTML - Linking A Image But Not To A New Page.
So my question is simple and easy. I already have knowledge of how to make a image link you to a web page.
but I recently found the need to make a image link you to a webpage but not in a new window (what I mean is not open up a new browser window or tab when the image link is clicked.) how do I do this? Similar TutorialsHi, I am the owner of http://the1337arcade.com and im trying to make it the best i can, and i need the help of people from HTML forum. My Problem is that I want to have a link to play the Games in Fullscreen mode, but i dont know how to grab the .swf currently on page So is their anything i can do in HTML or PHP to Grab the URL of the current .swf file on page? So Basically When you are on this page : http://the1337arcade.com/view.php?name=kitty-cannon There will be a link somewhere saying Click here to play in Fullscreen, and the link will be http://the1337arcade.com/media/sources/kittycan.swf Please Help me in this Thanks alot, Anup Hey! Something odd is happening in IE7 with a page & I can't figure it out! (doesn't do it in Firefox). This page: http://webshack.com.au/cane/index.htm loads fine, but when I got to 'Our Facilties' (2nd in the menu), it has no background & other bits 'cause it doesn't link to the stylesheet. But, if you 'Resfresh' the page - it all comes good - until you move to a different page and then return to the 'Our Facilities' page'. So I'm a bit stumped - It obviously links, but I can't figure out why not initialy, only on 'Refresh', and then again every time you return! Oh yeah, it only started doing it when I begin fixing bits after running it the though the WC3 validator . . . . Grant What HTML code do I need and how do I link a word from one part of a page to text on another part of the same page? I'm sure there is a way to go about this but I can't seem to figure it out and I'm not that proficient with html or css so hopefully someone here will able to help me out with this. Im working on a portfolio site for myself and this is what I have so far http://www.visualonestudios.com The site contains two main DIV's. One horizonal one for the menu called 'Outer' and one vertical behind it called 'main'. What I want is that the menu section always stays and the content of the main DIV changes depending on what has been selected on the menu. I'm not using any frames so what would be the easiest way to do this and remember I'm html-challenged lol. Thanks Hi, I'f made a menu and i want it to be shown on each html page i have without adding the code in each html file. I'm only using html/CSS and want to keep it that way. Thanks in advance. Hi Is it possible to link to a page that uses frames, and specify what document appears in each frame of the target page? thanks, alex Hi guys, I've inherited a very old site that runs in a frameset. We're getting ready to rebuild it (sans frames) but in the meantime I still need to maintain it. The need has come up recently for an information page that will be linked to from within a Flash tutorial. The problem is that when the link goes directly to the page, it doesn't surround it with the frame and so there is no navigation or any way of finding your way back into the site. It's been many, many years since I've worked with frames, so I'm hoping someone can tell me if there's a trick to linking to the base frameset and then loading a specific page into one of the frames. Cheers, Seona. Hi, I have some big banner images that have a number of different links on them and i need to have them linking to another page. So far i have been breaking the images up into smaller images and putting them back together with CSS. This has proven to work fine on some of the simplier images but now i have some complex images with about 5-10 links in different places. To continue breaking up the banners these images would need to be broken into more than 30 parts just to have the areas i want clickable. Is there another way to acheive what im after using some kind of frame that i position over the image and get the same effect rather than having to break all the images up? is it image mapping i need to do some learning on or is this completely different? thanks in advance CC_Design I want to link to a specific part of another page. The url below is the page I am trying to link to and I want it to start at my div layer with id 'section'. <div id="section"> If I use this link it works fine, but it does not scroll to my div layer 'section' Code: http://localhost/ME/Programming/ProgrammingTemplate.php?page=Truss_Optimizater&cat=Programming&tab=1 If I use this link it only shows my div layer 'section'?? Code: http://localhost/ME/Programming/ProgrammingTemplate.php?page=Truss_Optimizater&cat=Programming&tab=1#comments-wrap Calypso hi all I have managed to get all my links working within the forms ok but one! that being the having navigation back to my Home page or Index page. It being made up of three forms. This is the linking code i have tried i have also tried others with no luck. Pleases help if you can. <a herf = "PAGE_1.HTML PAGE_2.HTML PAGE_3.HTML PAGE4.HTML" TARGET = "FRAME_1.HTML FRAME_2.HTML FRAME_3.HTML FRAME_4.HTML" > Home Page </a> Hi Guys, Just need a little help with my IFrame page. I have a basic layout page with the banner up the top, and my buttons running down the left hand side of the page. The rest of the page is an "IFRAME" to an external page. Basically the site im building is putting in a webcart wich has been outsourced. So you get all the cart stuff and you just have to build your site around it and embed it in a site. So anyway to my question, I need to link the buttons on the Index.html page to a page in the IFRAME page, then the user isnt reloading the same page with different main content just that iframe. Is there actually anyway of doing this? or am i just stuck creating different pages? Im also using dreamweaver 8 if this is any help. Thanks You know those sites where all this information is on this one REALLY long page and they have links at the top to send you to the exact spot where you need to be? How do I make that happen? This will be for myspace but I've heard that myspace filters the "#" that is needed in the code so is there anyway around this? Is it possible to choose an image from a drop down menu which would change an image on the page? for example using mouseover you can make thumbnail images or hyperlinks when hovered over, change an image on the page to the image that the link or thumbnail represents. can the same be done with a drop down list when an image number is chosen from a list can a centre image be linked with the choice chosen? Im in the process of uploading my site to my server and I set up some folders server side so things would be somewhat organized. My problem is setting up the links in my html docs. I cant go back a folder in the directory structure. Right now I can only get links to work if they go deeper in the folder structure or if Im linking to another html doc thats in the same folder as the one Im currently on. How do I go back a level? For instance my index doc is at the very top level, how can one of my pages deeper in go back to the home page? Thanks. Right now I have a very simple Javascript image array Quote: <script language="JavaScript"<!-- ImageNames = new Object(); ImageNames.length = 56; for (counter = 0; counter < 57; counter++) { file_number = counter + 1; file_name = ("image" + file_number + ".jpg"); ImageNames[counter] = file_name; } //--></script> <script language="JavaScript"> <!-- which_image_loaded = 0; function changeImage(direction) { which_image_loaded += direction; if (which_image_loaded < 0) which_image_loaded = 56; if (which_image_loaded > 56) which_image_loaded = 0; if (document.images) document.myimage.src = ImageNames[which_image_loaded]; } function MM_callJS(jsStr) { //v2.0 return eval(jsStr) } //--> </script> along with an image on the page and buttons that control the script Quote: <a href="javascript:changeImage(-1)"> along with <img src="image1.jpg"> This is for a web gallery of photographs, basically a picture in the center with a Back and Forward button to cycle through them. I also have an actual thumbnail gallery though, as I want people to be able to load the images they want without having to manually cycle through all of them. How then would I link to a specific image in this javascript array from a separate Web Gallery page? I hope this is the right place to ask this, any help would be appreciated Hi all, how can i upload a file and when i click the submit button i go automatically to other web page. I am using some code that uploads the file perfectly, but i can't get a way to go to other page when i click the submit button. If someone can help me giving me an example of how to do that, or tell me what to change in my code i'll appreciate any kind of help. Here is my code: PHP Code: <?php function error($errorMsg) { ?> <script> alert("<?php echo $errorMsg;?>"); </script> <?php } global $folder; $folder = "uploaded"; if(!is_dir($folder)) if(!mkdir($folder)) { error("Can't, neither, access, nor create, the upload folder"); die(); } ?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style> body { background-color:#000000; } </style> <title>Upload</title> </head> <body> <center><h1><font color = "#FFFFFF" > Upload </font></h1></center> <?php function mainPage() { ?> <iframe style="display:none" name="fileUploader"></iframe> <form method="POST" target="fileUploader" enctype="multipart/form-data" action="?action=fileUploader"> <div><input name="file" type="file" STYLE="color:#FFFFFF; size="60"></div> <input type="submit" value="Upload" > </form> <?php } function fileUploader() { global $folder; function storeFile($folder,$tmpFileName,$fileName) { if(!is_uploaded_file($tmpFileName)) { error("Invalid file"); return; } if(!move_uploaded_file($tmpFileName, $folder . "/" . $fileName )) { error("Can't move uploaded file to destination"); return; } } foreach ($_FILES as $file) storeFile("uploaded",$file["tmp_name"],$file["name"]); } $actions = array("fileUploader" => 1,"fileLoader"=> 1); if (!isset($_GET['action'])) { //If not isset -> set with dumy value $_GET['action'] = "undefine"; } $action = $_GET["action"]; if($actions[$action]) $action(); else mainPage(); ?> </body> </html> the title makes it sounds really confusing. Ok im making my first website, and i need help with a code, (as you can see on www.dalekblaster.co.uk) i have got a section at the top where the images change from one to another. The code is - HTML Code: // Set slideShowSpeed (milliseconds) var slideShowSpeed = 5000; // Duration of crossfade (seconds) var crossFadeDuration = 5; // Specify the image files var Pic = new Array(); // to add more images, just continue // the pattern, adding to the array below Pic[0] = 'http://www.dalekblaster.co.uk/images/banner/dalekblasternexttime.jpg' Pic[1] = 'http://www.dalekblaster.co.uk/images/banner/dalekblaster2.jpg' Pic[2] = 'http://www.dalekblaster.co.uk/images/banner/dalekblastersjanexttime.jpg' Pic[3] = 'http://www.dalekblaster.co.uk/images/banner/dalekblaster.jpg' // do not edit anything below this line var t; var j = 0; var p = Pic.length; var preLoad = new Array(); for (i = 0; i < p; i++) { preLoad[i] = new Image(); preLoad[i].src = Pic[i]; } function runSlideShow() { if (document.all) { document.images.SlideShow.style.filter="blendTrans(duration=2)"; document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"; document.images.SlideShow.filters.blendTrans.Apply(); } document.images.SlideShow.src = preLoad[j].src; if (document.all) { document.images.SlideShow.filters.blendTrans.Play(); } j = j + 1; if (j > (p - 1)) j = 0; t = setTimeout('runSlideShow()', slideShowSpeed); Now i need help because, i want to link each picture on the slideshow to a differnet page or external site, but im not sure how. (but so they can go to different pages not the same one) can anyone help me? let me start a new page please, can I position an image anywhere I feel like on a page please? I use divs but is there a way to this with divs and without divs or with or without CSS? I recently created a wordpress blog but I would like the visitors to come to a landing page before they reach the blog. This is the type of landing page I am looking for: http://creativetime.org/index.php - An image - The title of our site. When you click on it, you enter the blog - Credits at the bottom of the image. I have basic html knowledge. I browsed html tutorials but don't seem to find a solution. Any ideas? Thank you. |