|
HTML - I Need A Navigation With Iframe Where In I Dont Need A Dropdown. Insted User To Type
I have this script
HTML Code: onchange="window.open(this.options[this.selectedIndex].value,'myIFrame')">
<option>Choose a destination for your IFrame!</option>
<option value="http://www.yahoo.com/">YAHOO</option>
<option value="http://www.google.com/">GOOGLE</option>
<option value="http://www.altavista.com/">ALTAVISTA</option>
<option value="http://www.amazon.com/">AMAZON</option>
<option value="http://artlung.com/">ARTLUNG</option>
</select>
</form>
<iframe src="http://joecrawford.com/" name="myIFrame" width="400" height="200">
You can't see this because your browser does not support iframes.
</iframe>
in this script we see Yahoo, Google,amazon etc in the drop down. But i don't want to have a drop down, instead i want users to type as Yahoo, Google etc and i frame opes in in the page. When an user types an invalid key. it should show a separate link, where in i would keep something showing invalid how to do it? Similar Tutorialshello ,i have webiste i have index.html file and images folder in the index.html file i want to edit the html like this pictu i mean - i need to delete the tables that i marked and place instead an iframe code can you help me and edit the file for me? becouse i dont know what to delete i attached the index.html and the images folder thx!!! Is there a way I can load a page (with a text informing that 'you need flash player to view this web') if he doesnt have it installed in his browser? How would I do this? Your help is greatly appreciated. Hi, Web newbie here. I am trying to add a "verse of the day" module to one of my websites. It is loaded into an iframe, but I am getting markup validation erros because I am using the strict doc type. Any ideas? http://bigdogcattle.com/test/ Thanks Jamie http://bigdogcattle.com Hi there, I'm new to this forum so please let me know if I make any mistakes. I'm semi-literate in HTML and a little CSS, I've been coding small, very simple websites for 8 years or so, so I wanted to try something new for a friend's website. I'm making a website for a friend, and so I made a layout (I'm also a graphic artist) and sliced it in photoshop, then began assembling it using iframes. This is my first time using iframes, but I feel like I've caught on to the general idea now. I don't have an error I need help with, rather, I would like to know how I can use iframes to make the navigation bar on the right change with each new page. At the moment the top navigation buttons each open a new page within the main body of the website, each using iframes. I want to code it so as each new page is opened within the main body, the right side navigation bar (which consists of simply text links) changes with it. This is so the top can have links for the very main pages of the website, and the right side bar can have links for sub-pages within those main pages. The website is he http://lyericcosplay.webs.com/index.htm I can post the code or any other information you may need to help me. I'm also happy to use something other than iframes if it works for the right navigation bar, however I think I'm correct in using iframes for the main pages because it runs quite smoothly, and just how I want it to Thanks so much for reading! Hi all, I was wondering if someone could help me out with a bit of coding. I am trying to build a static navigation the, when clicked, will change the HTML page in an iFrame. When clicking on one of the links in the navigation, it has a background image which changes depending on what page is loaded, but if you refresh the page, the first link in the navigation has the background image and when clicking on the others, it brings it up behind them until you click on the first one again. I will post my code below incase I am explaining this poorly. Another thing I wanted to know is that when I refresh the page, the navigation sets back to Home instead of being on Location or something else yet the iFrames content is still set to Location or something. Is there a way (without PHP) that I can save this so that when the page has been refreshed, it will stay on the correct link/page? HTML Code: <script language="JavaScript" type="text/javascript">
var Lst;
function CngClass(obj){
if (Lst) Lst.className='';
obj.className='On';
Lst=obj;
}
/*]]>*/
</script>
HTML Code: <div id="navWrapper">
<div id="globalNav">
<ul>
<li class="On" onclick="CngClass(this);"><a href="iframes/home.html" target="content_iframe">Home</a></li>
<li class="" onclick="CngClass(this);"><a href="iframes/location.html" target="content_iframe">Location</a></li>
<li class="" onclick="CngClass(this);"><a href="iframes/speakers.html" target="content_iframe">Speakers</a></li>
<li class="" onclick="CngClass(this);"><a href="iframes/agenda.html" target="content_iframe">Agenda</a></li>
<li class="" onclick="CngClass(this);"><a href="iframes/useful_material.html" target="content_iframe">Useful Material</a></li>
<li class="" onclick="CngClass(this);"><a href="iframes/event_presentations.html" target="content_iframe">Event Presentations</a></li>
<li class="" onclick="CngClass(this);"><a href="iframes/gallery.html" target="content_iframe">Gallery</a></li>
</ul>
</div>
<div id="localNav"></div>
</div>
HTML Code: <iframe width="967" name="content_iframe" id="content_iframe" src="iframes/home.html" scrolling="no" frameborder="0" onLoad="calcHeight();"></iframe> Any help on this would be great! If I have to use PHP as well, would someone point me in the right direction of how I can set it up as I have only used PHP once and that was just plain data capture. Many thanks, Charlie Hi, So I am lost at how to do this, I have a server side program that scrapes websites (e.g amazon.co.uk) and modifies the content and reserves this as its own page. (I know this sounds naughty but intentions are honorable!) basically I want to set the page to be a header (of my website header) and an Iframe type element containing the full html of the scraped text. Similar to proxify.co.uk Looking at the page source of proxify, they needed to do some serious modification of the page they reserve to achieve this Any ideas how to achieve this simply for example say the page I scraped looks like <html> <body> scraped site </body> </html> I would like to be able to do <html> <body> my header <magic frame> <html> <body> scraped site </body> </html> </magiceframe> </body> </html> I've searched and searched but i havnt found anything on this, basically im making a client a site that they want to be able to edit themselves after im done with it. Im using a drop down menu but if they want to add a link to one of the menus they dont want to have to go thru every 100+ page. To solve this problem i have put the header on index.html and made an iframe for the other content. First, is there anyother suggestions you guys have? 2nd, for somereason or another sometimes the content puts an extra break where there isnt one in the content page, like the iframe works, but theres is annoying extra space, and i just want everything to line up smack with the nav bar thats on top. also, the iframe is 800 px i made verrry sure that the content was less than 800 pixels but it still scrolls left and right!! is there a way to disable the x-scroll in an iframe?? Thanks, -James Hey everyone, first post here. I have a problem :S Is it possible to use to input fields and a submit button with this code: Code: <form name="input" action="LINK" method="get"> Code: <input type="text" name="codice"> Direzione: <input type="text" name="direzione"> <input type="submit" value="Submit"> </form> I want the user inputed code and the "Direzione" values to be added into a link: http://something.com/random.asp?direction=DIREZIONE&code=CODE Then I would like this generated link to be automatically added as the "src" of an iframe on the same page once the user presses submit....is this possible? What sort of syntax do I need to use in the form/input/submit fields? How do I get it to work? Here is the basic layout of the page: Code: Direction: [direction input field] Code: [code input field] (SUBMIT BUTTON) // the above values are then added into the link so that the the link becomes: // http://something.com/random.asp?direction=DIREZIONE&code=CODE // the link is then added as the "src" for the iframe underneath <iframe src="link above"></iframe> If all of this is possible then it would be great! p.s. is it possible to make an iframe refresh on itself every 30 seconds? Sorry for all the questions and thanks! Conflict between Mime Type and Document Type... Morning - I have recently been learning CSS and have been upgrading my site to Semantically correct code. The first templat I am building is the following page http://www.colletts.co.uk/colletts_n...ndexflash.html and validates here validates... sort of. Should I be worried about the mime type, what effect will this have on the page. If I follow the instructions and change the file extension to xhtml all hell breaks loose - http://www.colletts.co.uk/colletts_n...dexflash.xhtml IE Error - can't open thios document etc... What am I doing wrong??? Best, Mas Hi, I am using css to create a dropdown menu. It works fine in all browsers except IE6. In IE6 a dropdown list covers the dropdown menu. please see the atachment/screenshot. Here is the html/css code I am using. HTML Code: {
position: relative; z-index: 1;}*/
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
list-style: none;
margin: 0;
padding: 0;
}
ul.dropdown {
position: relative;
z-index: 597;
float: left;
}
ul.dropdown li {
float: left;
line-height: 1.3em;
vertical-align: middle;
zoom: 1;
z-index: 599;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
position: relative;
z-index: 599;
cursor: default;
}
ul.dropdown ul {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: 100%;
}
ul.dropdown ul li {
float: none;
z-index: 598;
}
ul.dropdown ul ul {
top: 1px;
left: 99%;
z-index: 598;
}
ul.dropdown li:hover > ul {
visibility: visible;
z-index: 598;
}
HTML Code: <div id="header" class="header" style="background-image: url(./images/blue-curve.jpg); background-position: top;">
<h1>
Finance and Risk
</h1>
<ul class="dropdown dropdown-horizontal noPrint">
<li><a href="#" class="dir">Data Management</a>
<ul>
<?php echo '<li><a href="main.php?PageName=import3' . SID . '">Upload Data</a></li>'; ?>
<?php echo '<li><a href="main.php?PageName=list' . SID . '">Download Data</a></li>'; ?>
<?php echo '<li><a href="main.php?PageName=delete' . SID . '">Delete Data</a></li>'; ?>
<?php echo '<li><a href="main.php?PageName=assetupdate' . SID . '">Update Data</a></li>'; ?>
</ul>
</li>
<li><a href="#" class="dir">Reports</a>
<ul>
<?php echo '<li><a href="main.php?PageName=reports' . SID . '">BS Overview</a></li>'; ?>
<?php echo '<li><a href="main.php?PageName=CDO' . SID . '">CDOs</a></li>'; ?>
<?php echo '<li><a href="main.php?PageName=impairment' . SID . '">Impairments</a></li>'; ?>
<?php echo '<li><a href="main.php?PageName=fvecapreport' . SID . '">FairValue and Risk</a></li>';?>
<?php echo '<li><a href="main.php?PageName=creditrisk' . SID . '">Credit Default Risk</a></li>';?>
<?php echo '<li><a href="main.php?PageName=securitydata' . SID . '">MarketData</a></li>';?>
</ul>
</li>
<li><a href="#" class="dir">Files & Manuals</a>
<ul>
<?php echo '<li><a href="magnitude.pdf" target="_blank">Product Codes</a></li>';?>
<?php echo '<li><a href="uploadmanual.pdf" target="_blank">Upload Manual</a></li>';?>
<?php echo '<li><a href="main.php?PageName=osmdocs' . SID . '">OSM Files</a></li>'; ?>
</ul>
</li>
<li><a href="#" class="dir">Miscellaneous</a> <ul>
<?php echo '<li><a href="main.php?PageName=creditcrises' . SID . '">Credit Crises</a></li>'; ?>
</ul>
</li>
<?php if ($_SESSION['Admin'] == "Yes") { ?>
<li><a href="#" class="dir">Admin </a>
<ul>
<?php echo '<li><a href="main.php?PageName=message' . SID . '">Flash Alerts</a></li>'; ?>
<?php echo '<li><a href="testmarcel1.php?' . SID . '">Test Marcel1</a></li>'; ?>
<?php echo '<li><a href="testmarcel2.php?' . SID . '">Test Marcel2</a></li>'; ?>
<?php echo '<li><a href="testmarcel3.php?' . SID . '">Test Marcel3</a></li>'; ?>
<?php echo '<li><a href="main.php?PageName=testajay1' . SID . '">Test Ajay1</a></li>'; ?>
<?php echo '<li><a href="testajay2.php?' . SID . '">Test Ajay2</a></li>'; ?>
<?php echo '<li><a href="testajay3.php?' . SID . '">Test Ajay3</a></li>'; ?>
</ul>
</li>
<?php } ?>
<li><a class="dir" href="main.php?PageName=menu">Menu</a>
<ul>
<?php echo '<li><a href="logout.php">Logout</a></li>'; ?>
<?php echo '<li><a href="#">Change password</a> </li>'; ?>
</ul>
</li>
<li><a class="dir" href="javascript:window.print()" color="green">Print</a> </li>
</ul>
</div>
Any one has an idea how to get the css menu on top of the dropdown list? Thanks in advance I spent 2 hours trying to figure out why one of my pages is not centered! I am loosing hope. Please, can someone take a look? The culprit: http://www.denimdujour.com/evisu_guide.html site validates.... I've gotten rid of this space a few times, but it always tends to come back... Im out of ideas of what it could be, and figured another set of eyes could help me out. http://rse.pzproductions.com Any help is greatly appreciated :-) Also... the space only shows up on the homepage....but! the RSE Poll is only lined up correctly on the homepage as well, on every other page its dropped down into the content section. Obviously I am having some issues here, and any help would be so appreciated at this point Is it possible to create a page with a video on it that will come up for like 10 seconds, while the page that was clicked on loads and then redirect/go to the page that was loading? Thanks for the help if this can be done. Any comments would be greatly appreciated! As I said I don't know what it is called but I would like to make a Trivia site, where people can login and answer different questions in a certain amount of time, and if they answer in a certain amount of time they earn points, I would also like the points shown on the main page what would i need to learn to accomplish this Hello, this is my index.html: HTML Code: <html> <head> <title>Zenrer</title> <link rel="stylesheet" href="main.css" type="text/css"> </head> <body> <div id="page"> <div id="header"> Test in header </div> </div> </body> </html> main.css Code: body {
color: #3e3e3e;
background: #37383d;
}
#page {
background: #cccccc;
width: 900px;
margin: auto;
padding: 20px;
}
#header {
background: black;
width: 860px;
height: 150px;
}
View he http://www.zenrer.com/website The page is pushed outwards, padding is 20 either side, page is 900px, so the header must be 860 wide, but it isnt. So it goes like this. I'm making a site for entertainment and i had everything in my desktop. While doing the site i realised i needed php, so i download wamp server and put the site in the follder "wamp\www\sitehere". Before i put it in there all the images where loading fine. After the transition none of the images load.... and the path is the same... i try putting the whole path 'C:\wamp\www\sitefolder\blablabla\folder\img.jpg" and still they wont load ... what am i doing wrong i dont get it here is the part of the img code whole path Quote: <img class="image" src="C:\wamp\www\PAPPAP\memebase\demo\129060533184878245.jpg"/> normal Quote: <img class="image" src="memebase\demo\129032218674984307.jpg"/> and yes the page is in the folder "PAPPAP" favicon dont display in IE 8, where as i add code: <link rel="icon" href="favicon.ico" type="image/x-icon" /> <link rel="short icon" href="favicon.ico" type="image/x-icon" /> anyone know? hi i dunno why it doesnt work so i am posting it here this "error" displays when i try to run it :/ does anyone know what could be the problem?thx No matter what I do no kind of links work. In this code for an instance the picture link dont work: Code: <html><head><title>a website</title> </head> <body topmargin="0" bottommargin="0" style="background-color: rgb(0, 0, 0);"> <center> <table heigh="" cellpadding="0" cellspacing="0" width="800"> <tbody> <tr> <td colspan="2" background="images/lbar.png" height="500" width="38"></td> <td valign="top"> <table cellpadding="0" cellspacing="0" height="631"> <tbody> <tr> <td valign="top"> <table cellpadding="0" cellspacing="0" height="450"> <tbody> <tr> <td valign="top"> <table cellpadding="0" cellspacing="0"> <tbody> </tbody> </table> </td> <td valign="top"> <table cellpadding="0" cellspacing="0" height="460" width="535"> <tbody> <tr> </tr> <tr> <td valign="top"><font color="#ff9900" face="Verdana, Arial, Helvetica, sans-serif" size="-1"> <A HREF="whatever\whatever.html"><IMG SRC="whatever/whatever.gif" ></A> </font></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td valign="bottom"><img src="blabla/blabla1.png"></td> </tr> </tbody> </table> </td> <td colspan="2" background="blabla/blabla2.png" height="500" width="38"></td> </tr> </tbody> </table> </center> <div style="font-size: 0.8em; text-align: center; margin-top: 1em; margin-bottom: 1em;"> <br> </div> </body></html> |
|||||||