|
HTML - Seeking Some Input
Hey all iv been away for some time now but now im back
Im in the process of rebuilding a site for the company i currently work for, but i need some advice maybe some design tips, i have a few things in mind but i dont want to go OTT with it, im aiming to keep it fresh, simple, so nice functionality so its more up to date and modern if you browse to http://www.businessphonesdirect.co.uk/home/index and you will see what is currently in place, i have been told this is a basic site well temp and i was my idea to create a new one "which they dont know about " so its more of a surpise any input would be highly appreciated Similar TutorialsI have website, and blog sites, and all the social sites. I need some help with basic web design, and html script. I have been reading like crazy and studying tutorials for hours and hours on end. I understand the html scripts, just can't execute! I also am very frustranted not being able to set up the links on my sites. i.e. for quick connection to my twitter, facebook, linked in, google blog site and on and on and on! Also linking all my sites together...... Our client, a prestigious NY company, is seeking a Senior Web Developer to lead front-end development. The Senior Web developer is responsible for reviewing and providing feedback on product specifications, wireframes and design, developing standards and best practices, drafting technical specifications, cross browser unit testing and using source control and versioning procedures. They are responsible for full lifecycle development of templates and client-side functionality based on wireframes, design files, and functional specifications utilizing HTML, CSS and JavaScript/AJAX. You will be driven to succeed with good all round skills and an enthusiastic approach to your work. The candidate will be responsible for the full Web site development lifecycle. Also the candidate is expected to be an active problem solver. The candidate will have a minimum of two years professional experience, with a major in Computer Science preferred. Please send your resume as, cover letter and salary expectations to hr@avity.com with the subject: WEB Hello (I am new to these forums, hope this post will be satisfactory), I have a question and would appreciate any help, here it is: I am building a website that has a blog (from google's blogger service) within one HTML frame. I'm looking for a way to program the site so that the blog-frame only displays a certain number of words / characters despite the amount of characters in the blog post, before it then interevenes with a "READ MORE" link which will then take the user to the full blog post. Does anybody know if this is possible and do they have any suggestions as to how I could go about this? Thanks, much appreciated. Hi What is wrong with this, it can't post text only post checkbox <html> <head> </head> <body> <FORM action="http://localhost:8182/items" method="post"> <P> <LABEL for="firstname">First name: </LABEL> <input type="text" value = "Hamada" id="firstname"><BR> <LABEL for="lastname">Last name: </LABEL> <input type="text" value = "I hate my life" id="lastname"><BR> <LABEL for="email">email: </LABEL> <input type="text" id="email" value = "I hate you"><BR> <INPUT type="radio" name="sex" value="Male"> Male<BR> <INPUT type="radio" name="sex" value="Female"> Female<BR> <input type="submit" value="Submit"> <INPUT type="reset"> </P> </FORM> </body> </html> Thanks Ok so here is my issue, i am new to web site design and i have a simple project i would like to work on. I am looking to have an entry box with a simple submit button, then i would like the submissions to be displayed below in the order they are submitted. I would also like to limit the number of submissions that show on the page at a given time by creating multiple pages that can be viewed. This seems like a very simple issue but im having trouble finding solutions on the web. Would inserting a java app or some other secondary tool be better? Any help is appreciated -Matt Hi, I'm a newbie. I would like to know how do I display 2 labels and both inputs in the same row as shown in the attachment like state followed by input field followed by label for zip and followed by input within the same row of table in a form. Thanks in advance yls how to give margin or padding to the text inside in the input box? How do i save input from a client into a file on my computer? Code: <html> <head> <title>Register</title> </head> <form> Username: <input type="text" name="username"> <br> Password: <input type="text" name="password"> <br> Retype Password: <input type="text" name="confirmpass"> <br> <input type="submit" value="Submit"> </form> </html> - End - How do I store the input from the user? (username,password,confirmpass) Thank you -HTMLMW hey guys, im really new to html. there is probably something really obvious that im missing here but, say i have and input box in html, what would i do in the onchange event to alert what the user typed in: <input type="text" onchange=(??!!)> for instance, if there was an input box and the user typed in "hello" into it, what would i put in the onchange event to alert "hello" Hope this makes sense! Thanks how to create a input-box with different 2 border color top and left........... I have the html code: <div style="width: 100%; height:100%; background-color: orange;"><input type="text" style="border-style: solid;border-width: 1px;border-color:black;"/></div> In IE7 the input will start one pixel below the div, in Firefox it displays well. How can I get rid of the 1px in IE7 ? I wanted to make a form that, by email, submits an email adress. but instead of just saying <input type="text" name="email">, i want it so is has to be a account at any email host that i want. i would make a text box and call it "user" and a email dropdown list with email server, e.g. gmail, yahoo etc. I would receve an email like user="someemail"&email="yahoo.com". i want it as email="someemail@yahoo.com". heres the code: HTML Code: <form action="mailto:me@email.com"> <BR><input type="text" name="accountname" value="your email adress"> <BR><select name="host"> <option value="@gmail.com">Gmail.com</option> <option value="@yahoo.com">yahoo.com</option> <option value="@hotmail.com">hotmail.com</option> </select> Thnks, Aarmale Hello guys. I'm kinda new to this so please pardon me if it sounds brainless. I need a simple solution (in fact nothing more than a form that sends data to my email when OK is clicked) for my website. It should be like: --------------------- Enter your name: Enter your email: Enter your mobile number (optional): Select your product:[drop-down list] Quantity: Select delivery method:[drop-down list] OK --------------------- Then thereafter the information is sent to my email. There'll be a pop up if there are blanks other than the mobile number (or we can completely ignore that if this is not possible) and returns to the page instead of sending. Is this possible? Encryption would be nice but is not necessary since this is very low-end application. Cheerio, Bill. I'm trying to put default values in my Input fields, which are text fields, of course, but I have numeric input values so I want them on the right. Is there any way to do this? here's a snippet of my code so's you can see what I mean: <form action="" id="calculate_form"> <div> <table style="width: 937px; height: 438px;"> <tbody> <tr> <td> Height: (Metres) </td> <td style="text-align: center; vertical-align: top;"> <p><input value="0" name="height" id="height" /> </p> </td> <td> Cement Price/20kg Bag<br /> </td> <td><input value="7" name="cementprice" id="cementprice" /></td> </tr> <tr> <td>Breadth: (Metres)</td> <td style="text-align: center; vertical-align: middle;"> <p><input value="0" name="breadth" id="breadth" /> and so on........... Perhaps it can't be done in HTML? In that case, what could it be done in? i've got a javascript script on this page, to do the calcs. how i do. I have created a form and I want that every time you click the button vote on the text join a number more <form name="Vote"> <input type="text" value="" name="sky"> <input type="hidden" value="1" name="blue"> <input type="button" value="Vote" onClick="document.Vote.sky.value =(document.Vote.blue.value)"> </form> Thanks How increase the value? This might have already been answered but I need html code for this. "User input field" redirects to www.website.com/"user input".aspx Simple I think but I am going crazy trying to get it to work. I would like it to open to the page not a frame. Thanks Pete I want an input field to input a password, however I dont want it to look like a password field. I would like to dispay a default text of the date in plain text and when the user enters text into the field it is displayed as an obscured password. I use Code: <input class="exiter" <?php echo ("value=\"".date("d/m/Y")."\""); ?> type="text" name="Exiter" maxlength="10" size="10" >
To display the date in plain text. But obviously when I enter data it is displayed in plain text. If I change the type to password the date is displayed as obscured text. Is this possible? Hi Ive done this before but cant remember now. I need to pass a search query but also include another variable in the url but cant remember how to include the extra variable. So the action is SearchResults.php The query is Query And I need to include &siteID=0 So the full url would be SearchResults.php&Query=foobar&siteID=0 My form is like so <form method="get" action="SearchResults.php"> <fieldset> <input type="text" id="seach-text" name="Query" value="" /> <input type="submit" id="search-submit" value="Search" /> </fieldset> </form> To recap how do I include &siteID=0 Thanks! hi guys again. ive tried everything to validate this box but i cant for the life of me work out how?! i just want it to pop up an alert if the user hasnt entered their name in my_form.visitor_name. i think its somethin to do with the way ive used it in my javascript but here it is, and here's the full site if it helps, thanks www.samsharples.com Code:
window.onload = init;
function init() {
var el = document.getElementById("welcome_message");
var username=getCookie('username');
document.getElementById("my_form").onsubmit = parse_form;
el.innerHTML = "<p class=\"welcome\">Welcome to the football quiz " + username + "</p>";
}
function parse_form() {
var visitor_name = document.getElementById("visitor_name").value;
var el = document.getElementById("welcome_message");
if (visitor_name || (username!=null && username!="")) {
el.innerHTML = "<p class=\"welcome\">Welcome to the football quiz " + visitor_name + "</p>";
setCookie('username',visitor_name,365);
}
return false;
}
function getCookie(c_name) {
if (document.cookie.length>0) {
c_start=document.cookie.indexOf(c_name + "=");
if (c_start!=-1) {
c_start=c_start + c_name.length+1;
c_end=document.cookie.indexOf(";",c_start);
if (c_end==-1) c_end=document.cookie.length;
return unescape(document.cookie.substring(c_start,c_end));
}
}
return "";
}
function setCookie(c_name,value,expiredays) {
var exdate=new Date();
exdate.setDate(exdate.getDate()+expiredays);
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
}
// -------------------end name----------------------
//
function quiz_message() {
document.getElementById("results").innerHTML = "Complete the quiz and your scores will appear here!....";
}
//
var ans = new Array;
var done = new Array;
var yourAns = new Array;
var explainAnswer = new Array;
var score = 0;
ans[1] = "b";
ans[2] = "b";
ans[3] = "a";
ans[4] = "c";
ans[5] = "b";
explainAnswer[1]="Roar is Blackburn's mascot<br/><br/>";
explainAnswer[2]="John Coleman is Accrington's manager<br/><br/>";
explainAnswer[3]="The picture was infact David Beckham<br/><br/>";
explainAnswer[4]="The golden oldie Ryan Giggs was PFA Player of the year<br/><br/>";
explainAnswer[5]="The top scorer was Thiery Henry<br/>";
function Engine(question, answer) {
yourAns[question]=answer;
}
function Score(){
var answerText = "How did you do?<br/>\n------------------------------------------------------------------------\n<br/>";
for(i=1;i<=5;i++){
answerText=answerText+"\nQuestion :"+i+"\n";
if(ans[i]!=yourAns[i]){
answerText=answerText+"\n<img src=\"images/wrong.jpg\" />The correct answer was " +ans[i] + "\n"+explainAnswer[i]+"\n";
}
else{
answerText=answerText+" \n<img src=\"images/right.jpg\" />Correct!<br/> \n";
score++;
}
}
answerText=answerText+"\nYour total score is : <a class=\"score\">"+score+"</a>\n";
var username=getCookie('username');
//now score the user
if(score<=0){
answerText=answerText+"You need to learn some more " +username+ ".";
}
if(score>=1 && score <=1){
answerText=answerText+"My grandma could do better than that " +username+ "!";
}
if(score>=2 && score <=2){
answerText=answerText+"Bit more practice needed " +username+ ".";
}
if(score>=3 && score <=3){
answerText=answerText+"Neither bad or birlliant. Good effort " +username+ ".";
}
if(score>=4 && score <=4){
answerText=answerText+"4/5 aint bad " +username+ "!";
}
if(score>4){
answerText=answerText+"You are a footballing expert " +username+ "!!";
}
document.getElementById("results").innerHTML = answerText;
}
function Score_female(){
var answerText = "<h5>How did you do?<br/>\n------------------------------------------------------------------------\n<br/>";
for(i=1;i<=5;i++){
answerText=answerText+"\nQuestion :"+i+"\n";
if(ans[i]!=yourAns[i]){
answerText=answerText+"\n<img src=\"images/wrong.jpg\" />The correct answer was " +ans[i] + "\n"+explainAnswer[i]+"\n";
}
else{
answerText=answerText+" \n<img src=\"images/right.jpg\" />Correct!<br/> \n";
score++;
}
}
answerText=answerText+"\nYour total score is : <a class=\"score\">"+score+"</a>\n";
var username=getCookie('username');
//now score the user
if(score<=0){
answerText=answerText+"You need to learn some more " +username+ ".</h5>";
}
if(score>=1 && score <=1){
answerText=answerText+"My grandma could do better than that " +username+ "!</h5>";
}
if(score>=2 && score <=2){
answerText=answerText+"Bit more practice needed " +username+ ".";
}
if(score>=3 && score <=3){
answerText=answerText+"Neither bad or birlliant. Good effort " +username+ ".</h5>";
}
if(score>=4 && score <=4){
answerText=answerText+"4/5 aint bad " +username+ "!</h5>";
}
if(score>4){
answerText=answerText+"You are a footballing expert " +username+ "!!</h5>";
}
document.getElementById("results").innerHTML = answerText;
}
function changeDivImageFemale()
{
var imgPath = new String();
imgPath = document.getElementById("quiz_box").style.backgroundImage;
if(imgPath == "url(images/boy.jpg)" || imgPath == "")
{
document.getElementById("quiz_box").style.backgroundImage = "url(images/girl.jpg)";
}
}
function changeDivImageMale()
{
var imgPath = new String();
imgPath = document.getElementById("quiz_box").style.backgroundImage;
if(imgPath == "url(images/girl.jpg)" || imgPath == "")
{
document.getElementById("quiz_box").style.backgroundImage = "url(images/boy.jpg)";
}
}
function changeDivImage(url) {
document.getElementById("third_col").style.backgroundImage = "url('images/" + url + "')";
}
//radio button links
function go(loc) {
window.location.href = loc;
}
/////
function quiz_alert() {
alert ("Thank you. You're questions will be change accordingly.");
}
HTML Code:
<SCRIPT LANGUAGE="JavaScript" type="text/javascript" src="javascript/javascript.js"></script>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="full_page_wrap">
<div id="main_wrap">
<div id="header">
</div>
<div id="first_col">
<ul id="menu">
<li><a href="index.htm">Home</a></li>
<li><a href="quiz.htm">Take the quiz</a></li>
<li><a href="links.htm">Links</a></li>
</ul>
</div>
<div id="second_col">
<h1><div id="welcome_message"></div></h1>
<hr/>
<form id="my_form" action="#" name="my_form" ">
<p>Please enter your name:</p>
<input type="text" name="visitor_name" id="visitor_name" />
<input type="submit" value="Submit" onsubmit="return" />
</form>
<p>Your favourite football team:
<form action="">
<select onchange="changeDivImage(this.value)">
<option>Choose your favourite team</option>
<option value="arsenal.png">Arsenal</option>
<option value="aston_villa.png">Aston Villa</option>
<option value="birmingham_city.png">Birmingham City</option>
<option value="blackburn_rovers.png">Blackburn Rovers</option>
<option value="bolton_wanderers.png">Bolton Wanderers</option>
<option value="burnley.png">Burnley</option>
<option value="chelsea.png">Chelsea</option>
<option value="everton.png">Everton</option>
<option value="fulham.png">Fulham</option>
<option value="hull.png">Hull City</option>
<option value="liverpool.png">Liverpool</option>
<option value="manchester_city.png">Manchester City</option>
<option value="manchester_united.png">Manchester United</option>
<option value="portsmouth.png">Portsmouth</option>
<option value="stoke_city.png">Stoke City</option>
<option value="sunderland.png">Sunderland</option>
<option value="tottenham_hotspur.png">Tottenham Hotspur</option>
<option value="west_ham.png">West Ham</option>
<option value="wigan_athletic.png">Wigan Athletic</option>
<option value="wolverhampton_wanderers.png">Wolverhampton Wanderers</option>
</select>
</form>
<p>Please chhose your gender: </p>
<input type="radio" name="gender" value="Male"/> Male
<input type="radio" name="gender" value="Female" onClick="go('female.htm'); quiz_alert()"> Female
<center>
</div>
<div id="third_col">
<div id="results"></div>
</div>
</div>
</div>
</body>
</html>
I am creating a small crm and would like to have the input fields look like regular text until clicked on. At that point I would like the input field to be edited....is this possible? For example... First name : James would appear like this....when clicking on James, it puts a input box so you are able to edit the field. I will be using php. |
|||||||