|
HTML - How Can I Redirect The Browser Using A Text Box And Enter.
Currently i have this bit of code on this site(www.rrelive.com/again/index.html)
<form name="myform" onSubmit="location.href=document.myform.mytext.value"> <input type="text" name="mytext" onChange="location.href=document.myform.mytext.value"> <input type="button" onClick="location.href=document.myform.mytext.value" value="Go"> </form> But everytime i press enter it doesnt excecute the buttons code, so then it says the wrong thing in the URL Right now i want it to say"www.rrelive.com/again/hello" if i write hello in the box and hit enter. This works if i CLICK the button(Go). But not when i hit enter. When i hit enter it writes "www.rrelive.com/again/index.html?mytext=hello". 1000 Thanks in advance! Similar TutorialsHi, whenever I use a website called 'spy Omegle', I want to have a javascript file that types in whatever question I tell it to type in. the source code for this page is below: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>Omegle</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" type="image/png" href="/static/favicon.png">
<script type="text/javascript">
var splitDomain=document.domain.split(".");if(splitDomain.length>1){document.domain=splitDomain[splitDomain.length-2]+"."+splitDomain[splitDomain.length-1]}var flashingTimeout=null;function isFlashing(){return flashingTimeout!==null}function startFlashing(){if(isFlashing()){return}flashing=true;var b=[["___Omegle___","/static/favicon.png"],["\xAF\xAF\xAFOmegle\xAF\xAF\xAF","/static/altfavicon.png"]];function a(){var c=b.pop();document.title=c[0];setFavicon(c[1]);b.unshift(c);flashingTimeout=setTimeout(a,500)}a()}function stopFlashing(){if(!isFlashing()){return}clearTimeout(flashingTimeout);flashingTimeout=null;document.title="Omegle";setFavicon("/static/favicon.png")}function setFavicon(b){var a=document.getElementsByTagName("link");for(var c=0;c<a.length;c++){if(a[c].rel==="icon"){a[c].href=b;return}}var d=document.createElement("link");d.rel="icon";d.type="image/png";d.href=b;document.getElementsByTagName("head").appendChild(d)};
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-1307731-4']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<!-- Yes, I'm using frames as a load balancing measure. Yes, I know
this is horrible, insane, absurd, ridiculous, stupid, and
broken. It's just a temporary stop-gap measure, though. -->
<frameset cols="100%">
<frame src="http://odo-bucket.omegle.com/">
</frameset>
</html>
this should not be hard if im not mistaken I would just change the text for it to type in the html file, the website does not need to be opned aswell when the html file is launched i would obvioustly learn HTML but i don have time at the present because of college work,etc for reference: the page is at www.omegle.com then click 'spy mode' and you will get a textbox on the page i want the file to return the question in a loop because it saves clicking the file all the time Hi, is it possible that, to make select option to allow user enter the text...? user can choose from select option.. if did not in the list, then user might need to enter text. Anyone can help me? hi team, just wondering what code i would require to make a text box with a search button next to it and having the following characteristics... * input can be any letter/number (say for eg: 5555) * onclick sends parent window to www.website.com/5555 thus whatever you enter into the box sends you to a website address with the text box entry at the end. this is for an internal webpage at our small business. cheers and any tips appreciated!! I was wondering on the board's opinion. Basically, the ALTtext element used in image display, provides two things: 1. Replacement text if the image should be abscent so that you can easily reference which image is missing and replace it. 2. Mouseover text of the image so surfers can get short extra information about the image. Now, you may argue that a Browser should come set as default to ignore mouseover text. However, there is a reason why many web developers still use this in preference to an image title. The reason being that it is extra programming for the developer to type out additional code which merely plays the same role as the original Alt attribute. Some argue that the programmer shouldn't even give an Alt value! Sadly, in turn many browsers are unfortunately becoming designed without the Alt text attribute, making many Alt-text-specific sites hard to understand. If you honestly find a small bit of mouseover text which really only exists for a fraction of a second intrusive of your surfing time then you've got issues. Who agrees? Hey i am just wondering why text size changes between browsers if you set it at a certain size. I set my text at 11px print, and the size from mozilla -> ie6 changes (gets bigger in ie6) but even greater difference in ie7... is there a way to make them all the same for sure without recoding for each browser? thanks in advance, -uberwalla Hello All, I cant seem to lock a form and images in a browser, I have all center and when it opens it remains centered but when I shrink the browser window the images/form moves... My CSS is <style type="text/css"> <!-- body { background-image: url(); margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin: 0; padding: 0; } --> </style></head> <style type="text/css"> <!-- #centerDIV0 { width: 100%; text-align: justify; overflow: hidden; position: absolute; margin: 0px; padding: 0px; left: 0px; top: 0px; right: 0px; bottom: 0px; visibility: visible; background-image: url(CS_bkgd.jpg); background-repeat: repeat; } #centerDIVX { text-align: center; overflow: hidden; position: absolute; margin: 0px; padding: 0px; vertical-align: middle; z-index: 2; left: 0px; top: 0px; right: 0px; bottom: 0px; width: 100%; } #centerDIVZ { z-index: 2; overflow: hidden; position: absolute; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: center; vertical-align: middle; left: 0px; top: 0px; right: 0px; bottom: 0px; margin-top: 380px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; visibility: visible; padding-top: 0px; padding-bottom: 0px; padding-left: -300px; } --> </style> And Html is... <body> <div id = "centerDIV0"> </div> <div id="centerDIVX"><img src="CS_bkgd.gif"/></div> <div id="centerDIVZ" bgproperties="fixed"> <form action="mailto:tastetation301@yahoo.com" method="post" enctype="text/plain" onsubmit="location.href='thanks.html'"> <p><br/> <strong>Name:</strong> <input type="text" STYLE="color: #FFFFFF; font-family: Verdana; font-size: 12px; background-color: #000000;" size="0" maxlength="50" align="justify"/> <br/> <strong>Email: </strong><input type="text"STYLE="color: #FFFFFF; font-family: Verdana; font-size: 12px; background-color: #000000;" size="0" maxlength="50" align="justify"/> </p> <input type="submit" value="Submit"/><input type="reset" value="Reset"> </form> </div> </body> </html> THANKS FOR YOUR ASSISTANCE!!!! I'm using tables and I have text inside one table. When I add line height to text so it looks good in IE6, Safari and Google Chrome, it looks wrong in FireFox and Opera. Every line is over each other. How could I fix this? Here is the code from start to end of the text part: Code: <html>
<head>
<link rel="stylesheet" type="text/css"
href="style.css" />
<title>my site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-image:url('tausta.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
.style1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
line-height: 5%;
}
.style2 {color: #
color: #999999;
color: #999999;
}
.style4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; line-height: 5%; }
.style5 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; line-height: 5%; font-weight: bold; }
-->
</style></head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div class="page">
<table id="Table_01" width="912" height="543" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="14" width="176" height="542" valign="top"><div align="right" class="style1">
<p class="style2"> </p>
<p class="style2"><strong><u>FILES:</u> </strong><u><br>
</u><br>
<br>
<br>
<br>
</p>
</div>
<p align="right" class="style5">Images: </p>
<p align="right" class="style4">images1 <br>
<br>
<br>
<br>
</p>
<p align="right" class="style5">Videos: </p>
<p align="right" class="style4">video1 </p>
<p align="right" class="style4">video2 </p>
<p align="right" class="style4">video3 </p>
<p align="right" class="style1"><span class="style2">1 - video4 </span></p></td>
Hi all, I'm new to this site, I hope someone can help me figure out what on Earth I've done wrong. I've been editing this website to a new, CSS layout with DIVs instead of frames and tables. In my browser, IE6, it looks PERFECT, but in IE7, the DIV with the navigation text is overlapping the DIV with the header image, and in Firefox 2.0.0.16, the DIVs might as well not even be there--all the text runs right on top of the image! A screencap of what it looks like in my browser is he http://i44.photobucket.com/albums/f3...ta-browser.gif A screencap of how it's turning out in IE7: http://img.photobucket.com/albums/v6...IE7Version.jpg Firefox screencap: http://i44.photobucket.com/albums/f3...layout-cap.jpg I have no idea what I've done wrong, or why it shows up perfectly in one browser, but not in any other. The page used in the example is here, so you can see how it is on yours and peruse the code for mistakes: http://cityofdemons.com/lmr.html Thanks in advance for anything you can tell me! Is it possible to have some error text appear if a user is browsing your website with a certain browser using html/css or maybe java? An example being: If - The website is being browsed using Safari Then - SHOW error text = "This link won't work with the Safari browser." Else - DO NOT SHOW error text is that sort of thing viable or just a pipe dream at current? Thanks in advance. Regards, Stoney Hello dear friends, i have an problem with text box read only. Using mobile with opera mini 8.65 or 4 and i have try bolt browser and ucweb6 mobile browser anyway i can not control the browsing of the text of my text box because the scrollbar does not work. If someone did know for wich reason ? If not possible to use the scrollbar with mobile browser could someone know how to add in the text box an button so we can browse the text by clicking up or down. I have many search in the internet the right text box with vertical scrollbar but all scrollbar could not be using by mobile browser. If you have a idea please give me your advice billion thanx by advance. can someone do me a huge favor and build the simplest html page ever... well heres what it looks like right now http://jab-gaming.com/, i built it w/ my crappy skills (mostly copying from other pages), can someone build practically the same thing but make it look better? im aiming for something like this http://www.boss-gamers.com (w/o the re-directing) the links for the page w/ music is http://jab-gaming.com/page2.html and the link for the image is http://jab-gaming.com/page.html. thanks in advanced, the flash EDIT: the page i made only works in firefox for some reason, not in IE I have a log out button at the right side top of the page, and some text fields and then another button .When ever I enter something in textfield and hit enter I get logged out.How to stop this. Thanks in advance Hi: I wish my users to be able to press the <Enter> Key to move forward from one input field to the next (and yes, I know that the <Tab> key more properly does this also). However, my users are mostly old-school desktop app users, where the <Enter> key moves forward field-by-field, and the <tab> key was hardly ever used. In my Registration page, there are twelve textual input fields that I wish to have my users allowed to use the <Enter> key to move ahead field-by-field. How do I accomplish this please ?? Thanks for any assistance offered. -Mel Smith Hi: Is there a way to 'stop' the <enter> key being used as a 'Submit' action ?? (I have about 25 input fields, and I wish the user to 'cycle' thru these fields with the <enter> key. Then when he 'hits' the last field, I want the focus to be set back to the 1st field. When he's ready to submit, I want him to deliberately deliberate 'click' on the Submit button) Thanks ! -Mel Smith I have a form that has 3 search fields. If the user types in a value in the 3rd field and hits the Enter key the first submit button is highlighted for the first search field. How do I disable the Enter key and force the user to press the Search button after typing a value in each filed. Also the user only has to pick one field to search by and can leave the other two blank. HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled</title> </head> <body> <form name="search" action="Index.cfm" method="post"> <p>Enter Product Owner's CWS ID:</p> <input type="text" name="productOwner" value="productOwner" size=30> <input name="productOwnerSubmit" type="submit" value="Search"> <p>Enter GPO's CWS ID:</p> <input type="text" name="gpo" value="gpo" size=30> <input name="gpoSubmit" type="submit" value="Search"> <p>Enter Partial or Complete Application Name:</p> <input type="text" name="application" value="application" size=30> <input name="applicationSubmit" type="submit" value="Search"> </form> Angel </body> </html> Im developing a site that needs a Voting Access Page, to get to the content. For example: http://www.clubkings.prv.pl, and go to the "Fresh Mp3" Link on the left hand side. I want visitors to do the same, where on each click, an advert is displayed in an external pop-up box or window, and then the next step highlighted until they get to access the page. I have to admit, i was considering php instead after using login pages in previous sites through this method, but is there or does anyone have a HTML script that i can modify to put into this site I am working on. I have attempted to view the source and adapt from various sites, but its not all there to see. Thanks if you can be of any assistance Jai Hi folks I need some pointers on how i can have the Enter and Exit links on my welcome page to be within the center of the page. Input on this would be much appreciated. Also what is the code for the yellow comment box when you have your mouse over a object? Th i av! Gaz. I have a page which allows users to perform searches (Player News Search). For whatever reason, in IE, if you enter something in the search box then press the ENTER key on the keyboard, it breaks the layout on my page. However, if the user clicks the ENTER button with their mouse, everything works as expected. Is there any way to disable the ENTER key for a particular button so that the user must click with their mouse? Code: <!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<style type="text/css" media="screen">
<!--
@import url("sgoldback.gif.css");
.enter {
font-family: "Comic Sans MS", cursive;
font-size: 48px;
font-style: oblique;
line-height: 100pt;
font-weight: 700;
font-variant: normal;
color: #0F0;
text-decoration: blink;
background-attachment: scroll;
background-position: center 100%;
height: 73.5pt;
width: 268px;
position: absolute;
left: 202px;
top: 606px;
letter-spacing: normal;
text-align: center;
word-spacing: 30pt;
display: marker;
background-image: url(file:///C|/Users/VIJAY/Desktop/New%20folder/web%20deloping/background.jpg);
overflow: visible;
visibility: inherit;
background-color: #000;
}
.button {
font-family: "MS Serif", "New York", serif;
font-size: larger;
font-style: italic;
line-height: 50%;
font-weight: 500;
font-variant: normal;
text-transform: uppercase;
color: #0C0;
text-decoration: blink;
background-attachment: fixed;
background-color: #000;
background-image: url(New%20folder/web%20deloping/flash.jpg);
background-repeat: no-repeat;
background-position: 100% 100%;
clear: none;
float: none;
height: 50%;
width: 120%;
}
body {
background-image: url(http://notabooteens.info/main/wp-con...ground33.jpg);
background-repeat: no-repeat;
}
.exit {
font-family: "Comic Sans MS", cursive;
font-size: 48px;
font-style: italic;
line-height: 50pt;
font-weight: 500;
font-variant: normal;
color: #060;
text-decoration: blink;
background-attachment: fixed;
background-color: #000;
background-repeat: no-repeat;
height: 69.75pt;
width: 277px;
position: absolute;
left: 866px;
top: 603px;
}
-->
</style>
</head>
<body background="http://notabooteens.info/main/wp-content/uploads/2011/06/background33.jpg">
<form id="form1" name="form1" method="post" action="">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>
<br>
<br>
<br>
<br>
<br>
<br> <a href="www.notabooteens.info"><embed src="http://www.pageplugins.com/generators/flash_glitter_text/show.swf?message=Enter&font=http://www.pageplugins.com/generators/flash_glitter_text/fonts/plainn_lib.swf&glitter=http://www.pageplugins.com/generators/flash_glitter_text/glitters/glitter24.swf&clickURL=www.notabooteens.info&swfHeight=115&swfWidth=228&bevel=1&shadow=1&glow=1&blur=0&fade=0&blink=0&fontsize=72&num=24" bgcolor="#ffffff" width="228" height="115" name="glitters" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" quality="best" allowscriptaccess="always"></a>
<a href="www.notabooteens.info"><embed src="http://www.pageplugins.com/generators/flash_glitter_text/show.swf?message=Exit&font=http://www.pageplugins.com/generators/flash_glitter_text/fonts/plainn_lib.swf&glitter=http://www.pageplugins.com/generators/flash_glitter_text/glitters/glitter24.swf&clickURL=www.notabooteens.info&swfHeight=115&swfWidth=165&bevel=1&shadow=1&glow=1&blur=0&fade=0&blink=0&fontsize=72&num=24" bgcolor="#ffffff" width="165" height="115" name="glitters" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" quality="best" allowscriptaccess="always"></embed><br></a><br>
</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<center></center>
</form>
</body>
</html>
these buttons are NOT clickable can anyone please help im trying to create two checkboxes which the user must check before the enter button will work and they are taken to the next page with an error message popup html page if both are not checked, ive tried a few tutorials but nothing seems to be working! would someone be so kind as to write the code i need? thanks! |
|||||||