|
HTML - Iframe Close On Click...
Overview
User will visit the site, that has a default iframe on load that displays in on the page. The below div i'm using to null their ability to navigate the base page *excluding the iframe Code: <div id="popupMask0" class="popupMask" style="z-index: 2001; display: block; height: 600px; width: 100%; top: 0px; left: 0px;"> </div> So the user is looking at a page that has a user agreement in the iframe. if they click "NO", they are re-directed to a page that says they cannot view the site due to not agreeing to the terms page. If they click "YES", they are taken to a terms of use page, also contained in the iframe with the masked div over the main page. Once on the terms page, if they click "NO", they are re-directed to a page that says they cannot view the site due to not agreeing to the 2nd terms page. If they click "YES", the iframe disapears and the masked DIV disapears. The user will have the ability to click links and objects on the base page at this time. Goal Need to have a user agreement page, and term page display before allowing users to login to a site. This is the cleanest way that i can think of for the restrictions i need to work around. All viewers will be using IE, so no need to be cross-browser friendly. screen shots attached Similar TutorialsHi all, I created a very simple Spry menubar using dreamweaver. It copied all the necessary CSS and JS into a folder for me. I have one question. whenever i selected (clicked) on an item(link) on the submenu. the submenu stays open while the page load in the frame. Is there a way to configure it so when i click on an item in the submenu, the submenu will close and the page will still load in the frame? Hello, I have a dialog box and in there I have a button that says New Service. When a user clicks on New Service, another dialog is shown where they the put the name of the service and after they click Create, I want that dialog box and the first one close as well. Here is my code, I can't figure it out. I want the #create-userDialog box to close after the user clicks on Create in #new-serviceDialog. HTML Code: <script>
$(function() {
$( "#dialog:ui-dialog" ).dialog( "destroy" );
$( "#create-userDialog" ).dialog({
autoOpen: false,
width: 600,
modal: true,
buttons: {
"OPEN": function() {
var bValid = true;
allFields.removeClass( "ui-state-error" );
},
CLOSE: function() {
$( this ).dialog( "close" );
}
},
close: function() {
allFields.val( "" ).removeClass( "ui-state-error" );
}
});
$( "#create-user" )
.button()
.click(function() {
$( "#create-userDialog" ).dialog( "open" );
});
$( "#new-serviceDialog" ).dialog({
autoOpen: false,
width: 400,
modal: true,
buttons: {
"Create": function() {
var bValid = true;
onclick = $( this ).dialog( "close" );
allFields.removeClass( "ui-state-error" );
},
Close: function() {
$( this ).dialog( "close" );
}
},
close: function() {
allFields.val( "" ).removeClass( "ui-state-error" );
}
});
$( "#new-service" )
.button()
.click(function() {
$( "#new-serviceDialog" ).dialog( "open" );
});
});
</script>
Hi everyone. I am working on a website and it is turning out good so far. I made an iframe and menu buttons that all work fine with it. My question is that when i first load my site the iframe area is blank till i click my "home page" button. Is there anyway to put my home page in the iframe right from the get-go before i have to click the home page button? and still have the other menu buttons functional? Thanks. i'm using 6 iframes in a page my page has scrolling whlie i click a link on top most iframe the page has been slide down the scroll bar comes to middle plz help me I need html code of an ad with close button and I also need html code of floating ad with close button.If someone knows how to do it , please post html. http://lmiinc.com/LMIinc_Links.html First off let me say sorry for the code on here, its terrible, but not mine, I'm just trying to help do a little updating while I'm building him a new site. Ok I edited a bunch on this page & now its still a really long page with just a little info & there is a large blank gap until you reach the bottom. I've tried resizing a few things to make it normal with no luck. What do I need to adjust to make it normal? I am so close to finishing up the pop player that I have been working on. Need just a little help to get over the top http://www.vlifechurch.org/ on this page is a sermon player link. If you click on it you will see the player, for some reason I can not get the video player moved over to the right and let the weekly sermons titles on the right. Please a little help... thanksss I have 2 IFrames on a page. I am going to end up with a long list of shows to catch-up on. Is there a way I can embed an IFrame with the list, and when you click on a show, you it will change the Playing Show http://tiny.cc/catchup <---The page I am referring to. hi, i've a very simple html page, where i have an iframe. The problem is that i want to add some text below the iframe. however, my text keeps showing up on the right hand side of the iframe. i've looked at the tutorials discussing the tags available for iframe, but surprisingly, none seem to relevant to this. Code: <html> <body> <table border="0" cellspacing="10"> <table border="0" cellpadding="0" cellspacing="0" align="left"> <td valign="top"> <iframe src="mySource.jsp" height="700" width="600" frameborder="0" scrolling="auto"></iframe> </td> </table> This should be displayed below the iframe but actually gets displayed on the right </body> </html> any help / guidance in this will be much appreciated. thanks in advance! there are sum pages where theres a lil link u click on to close the page how to do this ??? and if i want it to be automatically done after a period of time i want it to be sumthin like this for example HTML Code: <script type="text/javascript">
function redirect() {
document.location.href = "http://www.westcoast-host.com/en";
}
setTimeout("redirect()", 10000);
</script>
this is for redirect i want to close the page Thanx BYE I try to make make "close window" button or link and I used this codes: Code: <form> <input type="button" value="Close Window" onClick="window.close()"> </form> or this one Code: <a href="javascript:window.close()">Close Window</a> None of this one works in firefox. Do I have to do some modification to the code? Does someone have other code I can use? Ok I just deleted about 100 links off of this page: http://lmiinc.com/LMIinc_Links.html And now as you can see there is some extra space. What do I have to do in order to make it look "normal"? Thanks. When you use a <p> tag, there is space between paragraphs. Not sure if there is are automatic margins set for the top and bottom, but that's the way it seems. I'm using <p> tags inside a <table> and I'd like the first paragraph to be tight to the top of the cell but the only way I know how to do it is to remove the <p> tags from the first paragraph. I don't really want to do this as I'd like to have the <p> tags around each paragraph. Here is what I have, which btw does exactly what I want it to but as you can see the first set of <p> tags have been removed. What's a better way to get this effect? Code: <table cellspacing="10"> <tr> <td class="menu" style="background-color:#8C9429"><a href="lab4-2bsolution.html">Prices</a> <p><a href="http://www.antiquity.ac.uk/">Links</a></p></td> <td class="content">Voytokovich Antiquities is the leadinng wholesaler for Asian, Middle Eastern, and European antiquities. Items in our store include masks from a variety of cultures, statues, paintings, and other collectibles. Bring the past into your own homes with the beautiful art pieces offered in our store. Come visit us often to find new and unusual items not found elsewhere <p>The links on the left take you to pricing information and our favorite Web sites. Please take a look at our prices and call or e-mail us for a price quote.</p> <p>Please sent any comments to <a href="mailto:voytkovich@isp.com">voytkovich@isp.com</a>.</p></td> </tr> </table> This is for a class assignment. It calls for a one row, two column borderless table. The first column has two links (one on top of the other), and the second column has three paragraphs of text. Thanks for any suggestions! I have the following html which opens a new window. Is there a way of once the new window has opened, the current window closes? thanks HTML Code: <html>
<head>
<a href="http://www.capitasymonds.co.uk/expertise/all_expertise/industrial_design__project_se.aspx" target="_blank">
<img src="CS_LOGO.jpg" alt="capita logo" width="304" height="30" border="0"/>
</a>
<head>
<hr>
<title>
Multi-Pix Created By CAPITA SYMONDS
</title>
<body
<br><p><em><b><font size= +1 >Multi-Pix Secure Area Demo:</font></b></em></p>
<p><em><a href="#" onClick="javascript:window.open('Multipix.html','_blank','status=yes,top=0,left=0,width=1024,height=768');"
>click here</a> to view the Multi-Pix.</em></p>
<hr>
Generated by
<a href="http://www.capitasymonds.co.uk/expertise/all_expertise/process_engineering/smart_tools.aspx" target="_blank">
<br><img src="ST_LOGO.jpg" alt="capita logo" width="200" height="30" border="0"/>
</a>
</body>
</html>
If a person needs to close their site temporarily for health reasons, what would be the best approach for that? This site is using html pages as well as an ecommerce store. The site will be returning as it is, but we dont want anyone to be able to make purchases or view the content of the site for the time being. Any suggestions/help will be greatly appreciated. Thank you! Hi, I'm working on a project and I want layers stacked to be visible and invisible through a button. Anyone here that buys books on Amazon knows what I'm talking about. Some books in Amazon have a "look inside" that when you click it opens like a layer where you can see some content of the book. This layer or whatever it is has an X button to close it. This is what I want to do, but I don't have an idea of how this can be accomplished. Any help will be appreciated. Thanks I remember some 6 years back when I used to play around with HTML that there was a code that I could use. What it did was when you closed out the webpage it would cause another webpage to load in it's place. much like what a lot of porn sites do for traffic. Any information would be appreciated. "Lifes a ***** than you go to hell" The text on this page has huge gaps between the lines. The gaps are between "Choose a Transaction", "Transaction Types" and the button "Next". I have included the page code and attached an image for reference. If you could help me close the gaps, I'd greatly appreciate it. Thanks. Code: <table width='770' border='0' cellpadding='0' cellspacing='0' id='maintable' align='center' valign='top' align='left' margin=0 padding=0 width='770' height='500' table style='background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; width:'770' height:'500'></td> <link href='custom.css' rel='stylesheet' type='text/css'> <td id='menu' align='left' valign='top' rowspan='500' width='164'> <br> <img src='images/bullet.gif' alt='' width='10' height='10'><a href='index.php'><font color='#DDCEA2'><font face='Arial' size='2'>Home</a></font><br></a> <form method="POST" action="index.php"> <input class='field' type='hidden' name='command' value='account'> <input class='field' type='hidden' name='param' value='renew'> <input class='field' type='hidden' name='account_id' value='[account_id]'> <td colspan='2' class='pageTitle'><div class='hLine'><font face="Arial" color="#EE7600" size="3"> Choose a Transaction</font></div></td> <tr><td class='fieldLabel' width="30%"><font face="Arial" color=#000000" size="3" Style="padding: 5px;"> <font face="Arial" color="#000000" size="3"> Transaction Type:</font><!--</td>--> <td align="left"><font face="Arial" color="#EE7600" size="2">[account_type_panel]</font></td> <tr><td align="center"></td> <td align="left"><input name="submit" type='submit' class='button' value='Next' /></td> </tr> </form> <tr height='30%' ><div class='hLine'></div></td></tr> </table> Im in the progress of building my first mailchimp template. Ive come very far, but one thing I cant figure out. Please have a look at this image to see the original photoshop concept. Now please look here for my progress so far. The code that im struggling with: Quote: <table border="0" cellpadding="0" cellspacing="0" width="100%" class="bg_h4" mc:repeatable> <tbody> <tr> <td><h4 mc:edit="article_title1" class="titeltjes">Maatwerk met Italiaans klasse </h4></td> </tr> <tr id="background_blox"> <td align="center" valign="top"> <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_260.gif" style="max-width:160px;" mc:label="image" mc:edit="liwc600_image00" /> </td> <td valign="top"> <div mc:edit="article_content1"> <strong>Variable content blocks:</strong> <a href="http://www.mailchimp.com/kb/article/how-do-i-work-with-repeatable-content-blocks" target="_blank">Variable content sections</a> are noted with plus and minus signs so that you can add and subtract content blocks and also a drop-down selector that allows you to choose which type of content block to display. </div> </td> </tr> </tbody> </table> Can anyone help me out? The brown h4 area needs to be wider! Thanks for reading this. |
|||||||