|
HTML - Best "lightbox" To Display Iframe Instead Of Images?
I'm looking for a lightbox type script that can show an external .html (iframe) on my page.
I saw it a while back while I searching for scripts but I can't find it anymore, and I wasn't if it was reliable or not. What I want it to do: Click on a picture or link Opens up a lightbox on top of the Website, but instead of an image it will be an iframe displaying a contact form. Thanks! Similar TutorialsHello, I want to load a page in a iframe, and when i do this, i want that page to be displayed not at the begining of that page, i want that page to be displayed at a "x" and "y" position specificated by me. How can i do that? Thank you. http://www.colletts.co.uk/winter_dolomites.htm I have the above page that redirects users to my Winter Website - the HTML below isn't valid W3C does anyone know of a better and valid way to get this done? Cheers, Mas HTML Code: <META HTTP-EQUIV="Refresh" CONTENT="2.5;URL=http://www.colletts.co.uk/winter/winter_dolomites.html" /> A customer gave me a Word doc that they want turned into a printer friendly web page. I understand that there are tons of ways to do this but I really want the answer to the subject. What i'm referring to is a form that someone can print from the browser and "fill in the blanks" on the page where there are "underscores". My question is how to code those underscores. I tried manipulating the <hr> tag but it's putting way too much space in between each <hr>. I've already coded a "fill in the blank" line using <u> nbsp;</u> but that looks very messy. What do you guys/gals think? This is issue has been bugging me forever! Plus, I'm sure you guys are sick of seeing this topic come up. I don't know why but I cannot get my flash mp3 player to load properly into an iframe. Here is the site: http://duffyartwork.com. All I need is for the mp3 is to simply stop reloading everytime a user browses to a different page on the site so the song stops refreshing. Can someone please just give me a straight forward answer for this. I hate to beat a dead horse but it would be so awesome not to have to worry about this anymore. Ive attached the source code and marked the spot where I believe the code should go... Thanks a million in advance! Hello all, recently I uploaded a website that I have been working on. Everything looks great and all is functional (except the gallery loads really slow...gotta figure that out). But anyways, I am trying to make a document that was saved as a web page (a feature of word) show up on internet explorer. I have found that the <iframe allowtransparency="true"> works for many people, but it hasn't worked for me yet. Does anyone have any possible solutions? Thanks in advance, Mitch [EDIT:] Never mind guys, I figured it out. All I had to do was go into the file that was connected with the iframe, and change the background of that to <!-- BODY {background:none transparent;}--> Thanks anyways Hello, I'm using this tutorial on creating an ipod-esque "cover flow" photo album for a presentation I'm putting together: http://www.elated.com/articles/cover...ss-and-jquery/ What I'm trying to figure out is how do I make each image a clickable link that will open a url in a new window. I know the code is Code: <a href="URL" target="_blank"</a> but I have no idea where to begin and end the tags. I either need it where I can click on each picture, or the text under each picture so that each one has a separate URL that opens in a new window. thanks I was hoping someone could clue me in as to whether or not this would be possible. I'm thinking it isn't but I need to make sure. I'd like to provide a file for people to download on my website, but when they click on the link and the download window appears I don't want them to have the option of opening it. Is it possible to only give them the option to save the file? Sounds incredibly unlikely but I gotta know. So in a regular html text link, I can place the tag target="_blank" and it will open a new window when you click the link, and place the links contents into that new window. However, if I add that tag to a link associated with an image, the link replaces the current frame with the link contents. Is there any simple html way to have an image link open a new window? - Neil Hi , I have been racking my brains for days now! I am trying to put the url of a payment gateway(https://www.moneybookers.com/app/payment.pl) into an iframe. (which can be done). I have tried alsorts of methods, I have managed to get the url in the frame but not without errors or repeatedly opening pages. Heres the code:- /////////////////////////// // Other Vars //////// $formAction = "https://www.moneybookers.com/app/payment.pl"; $formMethod = "post"; $formTarget = "_self"; $transfer = "auto"; $stateUpdate= true; Thanks in advance sean. I know from personal experience, the specs and some great posts that DIV's are not allowed inside of P tags. And it's normal to be so, but what about inline-blocks? I could simply use SPAN or some other inline element which works inside the P, but IE only renders natural blocks as inline-block. Meaning if it's an inline element it will work in Firefox but not IE, if it's a block the other way arround. So how do I solve this quanundrum? Either I need an element which is a natural block in IE and is allowed inside a P by the specs, or I'll use DIV instead of P, but I would much rather avoid this. Im moving to a strict Doctype and I can't be bothered inserting alt = "" tags to images that need them. Can anyone provide a regular expression that I could use in dreamweaver that would insert alt = "" into an <img > tag if it already didn't contain the alt = "" attribute Hi! I'm new here, and know the bare bones basics about HTML. I know how to include a link with an image on websites, and I also know how to use the mailto command in e-mail. Is it possible to have the mailto command "embedded" in an image in an e-mail, similar to how you would use the "img src" command on a website? Thanks!! hi, i am working on <div> i have to hide some part of the table. I am not able to hide that table part can anybady tell me where is the error. Code: <html>
<head>
<script type="text/javascript">
function callme(){
document.getElementById("hid").style.visibility="visible";
}
function hideme(){
document.getElementById("hid").style.visibility="hidden";
}
</script>
</head>
<body>
<form name="myform">
<table width="100%" border="4" cellpadding="2" cellspacing="2">
<tr>
<td class="tableheader" colspan="9">TS </td>
</tr>
<div style="visibility:hidden" id="hid">
<tr>
<td width="17%" class="labeltext">Tran Code</td>
<td width="1%" class="blanktext">:</td>
<td colspan="4" class="blanktext">Name</td>
</tr>
<tr>
<td width="17%" class="labeltext">Product Type</td>
<td width="1%" class="blanktext">:</td>
<td colspan="4" class="blanktext">
</td>
</tr>
</div>
<tr>
<td>
</td>
</tr>
</table>
<input type="button" onclick="callme()" value="show">
<input type="button" onclick="hideme()" value="hide">
</form>
</body>
</html>
thx in Adv, Hanm. Hi, any possible way I can make a table show an image which is randomly selected from a bunch of them? Would I need javascript? something like I have 5 images that are 400x100 and I would want one of the 5 to be randomly selected and displayed each time the page is viewed. Or maybe each day it changes like igoogle home. I posted this earlier, but noone seemed to reply. I guess noone was on at the time. My website: http://www.freewebs.com/squishtheapples/ I am wondering how I can have the iFrame to the right of the tables. If there is a code that is needed, I would appreciate it if you could give it to me. Thanks. Hi all, I am currently working on a website using Dreamweaver CS3. Whenever I view the (currently very basic) site in Firefox I get the line of code I entered as the title of this thread at the top of the page (directly above the banner) as if I had just typed it into the canvas area (correct term?). Whenever I view it in IE it appears just fine, not sure about other browsers though. I began by creating a template and adding it to the page you see he HTML Code: http://www.geocities.com/makotronic/indexx.htm Here is the code for the template: Code: <%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Template for Parish Website</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
body,td,th {
font-family: Arial Narrow, Verdana, Arial, sans-serif;
}
.style5 {font-size: 14px}
-->
</style></head>
<body>
<table width="750" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"><img src="../Images/welcomebanner.gif" width="750" height="125" /></td>
</tr>
<tr>
<td width="160"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table></td>
<td width="590" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td valign="top"><!-- TemplateBeginEditable name="Main Body" -->Main Body<!-- TemplateEndEditable --></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
And for indexx.htm (I added a second 'x' because I already had a 'index.htm' file in GeoCities): Code: <%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/template.dwt.asp" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Welcome to the Greencastle Parish Website</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<style type="text/css">
<!--
.style8 {
font-size: 36px;
font-weight: bold;
}
-->
</style>
<!-- InstanceEndEditable -->
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
body,td,th {
font-family: Arial Narrow, Verdana, Arial, sans-serif;
}
.style5 {font-size: 14px}
-->
</style></head>
<body>
<table width="750" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"><img src="Images/welcomebanner.gif" width="750" height="125" /></td>
</tr>
<tr>
<td width="160"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table></td>
<td width="590" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td><!-- InstanceBeginEditable name="Main Body" --> <span class="style8">Header</span>
<p class="style3">Main Body</p>
<!-- InstanceEndEditable --></td>
</tr>
</table></td>
</tr>
</table>
</body>
<!-- InstanceEnd --></html>
Cheers for any help! Niall Rather than write them out i took a screenshot. So how do i get past those? Hi, I have a problem with validating Strict XHTML 1.0 ... The tag: "option" doesn't have an attribute: "onchange" in currently active versions.[XHTML 1.0 Strict]... Is there a way around this? Here's the code:. <select name="birth_month" onchange="form_d('yes');" size="1" style="width:8em"> <option<?php echo empty($a_birth_month)?' selected="selected"':''?> value="" onchange="form_d('yes');" >Month</option> Thanks Only another million pages to go. Hey, I'm trying to write some code for expanding and concealing text You can see this in action at youtube when you click the (more) button to expand text. Suppose I had a heading: MyHeading and a body of text: MyTextHere How do I make it so that when you click MyHeading it makes MyTextHere (initially not visible) appear, and when you click MyHeading again, it makes MyTextHere disappear? Thanks Alot. Hello folks, I have written some html, xhtml possibly, which has an href to another page, the second page being in frames and in a new window. It worked fine on an Me but now in XP it won't open the 2nd window (from the link in the first) saying it can't locate file bla bla bla, check the address.... The odd thing is where there were gaps in the address which I blocked in with a " %20 " for the browser to recognise, its saying its looking for the right address but with a 25 where all the %20's are, as well as the twenties themselves, so they now appear as "html%2520code" for example. When I open the file that is the target of the link I get the typical white file not found page, but it is dividing the screen as the frames of that file tell it to do. I would appreciate somebody telling me what the error could possibly be |
|||||||