HTML - Positioning Form Input Elements ?

Hi,

I have a page that uses AJAX to set a variable, the variable is either true or false.

On the page there is a form with a text input, i would like the variable to dictate whether the element is read only or not.

So instead of:

<input name="cd" value="title" readonly="readonly" />

I would rather something like:

<input name="cd" value="title" readonly="$lock" />

Note: I am aware that $lock is PHP but I am not familiar with the syntax in this instance.

Thanks in advance,
Tom

I have a form where a select list can be updated by clicking 'update' next to it.

When this is clicked I would ideally like just that to be updated, but I do not think this is possible.

I was thinking of having two form actions, one that submits the form as usuall, but one that submits the form somewhere else, depending on which submit button is clicked.

If I could have two submit buttons, I could use one to submit the form back to the same script, with the script re-filling the form elements that where filled out, and the select box would then update.

So, my main question is......

Is there a javascript submit function that can change the destination of the form?

Perhaps this should be in the javascript section!

I have created a nice Newsletter Registration form, but I would really like to modify the form so that instead of displaying the browsers default images for text fields, checkboxes, etc, I want it to display my images that I have created. Is this possible without stepping into flash?

Thanks Guys!

-NH

I am trying to set up a contact form for a website I am building. We will be posting a couple of the messages we recieve on different pages on the site. To avoid having too many contact forms, we've lumped them all together into one, using a Drop Down Form Element. I am trying to set it up so that when certian elements are selected from the "Who would you like to contact?" dropdown menu, a check box will come up saying wheather or not they mind us posting their message on the site. I'm attempting to do this using Java Script and this is the code i've been using...

PHP Code:
<script language="javascript">
function enableaccept() {
   var who = document.theForm.elements['who']
   var accept = document.theForm.elements['accept']
   
   if (who.value=="N") {
      accept.disabled = true
   } else {
      accept.disabled = false
   }

}
</script> 


and in the dropdown menu, this is how i have set it up to work...

PHP Code:
 Who would you like to contact?<br>
  <select size="1" name="Who">
    <option></option>
    <option value='n' onClick="enableaccept()">__________</option>
    <option value='y' onClick="enableaccept()">Testimonials</option>
    <option value='y' onClick="enableaccept()">Praise Reports</option>
    <option value='y' onClick="enableaccept()">Request Prayer</option>
    <option value='n' onClick="enableaccept()">Booking Information</option>
    <option value='n' onClick="enableaccept()">Technical Support</option>
  </select> 


(The _________ is where a name should go that I chose not to put out on the forums, no offense to anyone...)


For some reason, the check box is still enabled no matter what, and I'm so utterly confused...I'm still rather new to Javascript, so there may be something wrong with my coding, but it all seems that it would make sense...if you could help me out, that would be greatly appreciated

In Christ Alone,
Fire Fall D0wn

I have a form but a text field and a hidden field don't come in form elements.I am alerting all form elements in a javascript function which is invoked on press of a button and these two form elements don't come.
Any idea why that will happen.
JS function which alerts the form elements is as follows :-

function populateSubmitProfile()
{
var i =0;

alert("Number of forms "+document.forms.length) ;
for( i = 0 ; i < document.forms[0].elements.length ; i++)
{
alert("Name of the elements :"+document.forms[0].elements[i].name) ;

}
}

Hello. I have a Jpg image that I want to be the template for my website. I uploaded the image into FRONTPAGE as a background that is centered in the middle horizontally, and top vertically.

NOw I want to put a FORM that I made on top of the template but I want to position it in a certain spot and keep it there no matter how wide you open your browser to.

How should I go about this? I want it in an exact position.

Is there an easier way of doing this?

Not sure if this can be done in the HTML itself, or if this is something that CSS could resolve (or both? )...

I'm wanting to create a navigation "strip" with a couple links and a search box. Here's the HTML I'm using at the moment:

Quote:
<p class="navigation"><a href="/?p=index" class="internallink">home</a>|<a href="tools/edit.php?p=index" class="internallink">edit</a>|<form action="search.php" method="POST"><input type="text" name="term" maxlength=255 size=10><input type="submit" value="Search"></form></p>
When the browser renders it, the form shows on a new line, rather than on the same line as the text!

Quote:
home|edit|
[______] [Search]
I'd like for it to appear on the same line like:

Quote:
home|edit|[______] [Search]
I've tried the only thing I could find via Google that seemed even close to what I'm looking for - adding a style='display:inline;', but this didn't correct the issue. Any idea what I could do to make this appear the way I'm wanting?

Thanks in advance.

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!

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?

I've set my form up like this:

<form action="http://www.***.co.uk/shop/index.php?route=product/search" method="get">
<input type="text" name="filter_name" />
</form>

but when I search the path returns

index.php?filter_name=***

instead of

index.php?route=product/search&filter_name=**

any ideas?

Thanks

Hey i'm wrting a simple iphone app (http://geo877.wsnw.net it will kinda run on Firefox and safari. NOT IE) I have a page where the user inputs some data using a form. I was trying to write a script to do the whole flick through page thing (where a users just drags the screen to change page). Anyway, the point is when i put the form into a div tag with the properties of position:relative; you can't click on any of the dropdown boxes or text input, i've read other people have had this problem but it was a pay for answer forum...The same problem happens when i put it in a table

edit: It also causes the div or table to be above everything

Thanks!

<style>
.dragme{position:relative;}
</style>

<div class="dragme">
<table id='mpc' style='display:none;' ><tr><td>
<form action="index.php" onsubmit="return validate_form(this);" method="post">
<table>
<tr>
<td>Amount</td>
<td><input type="text" name="amo" size="9" ; /></td>
</tr>
<tr>
<td>Unit</td>
<td><select name="unit">
<option value="Oz">Oz</option>
<option value="Gram(s)">Grams</option>
</select></td>
</tr>
<tr>
<td>Metal</td>
<td><select name="metal">
<option value="goldS">Gold Spot Price</option>
<option value="silverS">Silver Spot Price</option>
<option value="platS">Platinum Spot Price</option>
<option value="fineGold">Fine Gold Price</option>
</select></td>
</tr>
</table><p>
<center><input type="submit" value="Calculate"/></center>
</form>
</div>

Hi...I'm a novice and trying to develop my website...having a challenge. Here's the issue, and hope that someone more advanced in this might have an idea for me:

I've got an affiliate program, and want to give my affiliates some html code to add to their current website that will allow their customers to put their name and email into it which will opt them in to a newsletter that I've got.

When they hit "submit" I not only want it to submit their info to my database (which I'm using through 1shoppingcart.com) I want it to open a webpage with the affiliate link to the sales page that I've got.

Currently I've got the HTML for them to just sign up for a newsletter, but don't know how to adapt it to open a new window for the affiliates link at the same time.

If you've got ANY ideas or want more info on what I'm working with, either post it, or you can contact me offline at jasonsimpson cox net or im me on aim at siweb63 or yahoo at givemeyourhome

Thanks a ton!!

Jason

Why is this not working? (when i search hiscores it works, but not Google)


Quote:
<html>
<head>
<title></title>
<script type="text/javascript">
function action( inStr ){
var a = "http://hiscore.runescape.com/hiscorepersonal.ws?user1=";
var b = "http://www.google.com/search?q=";
var c = document.sform;
if( inStr == "h" ){
c.action = a;
}else if( inStr == "g" ){
c.action = b;
}else{
alert("I don't know where you want to go!!!");
}
c.submit();
return true;
}
</script>
</head>
<body>
<form method="get" action="#" target="_blank" name="sform">
<input name="user1" size="12" maxlength="12" value="" style="font-size: 10px;" type="text">
</form>
<br>
<input type="button" name="btnH" value="Hiscores" style="font-size: 10px;" onclick="action('h');">
<input type="button" name="btnG" value="Google" style="font-size:10px" onclick="action('g');">
</body>
</html>

How do I make element's change their height automatically depending on whether they have anything contained within them?

My page background is a div's bg image but the div hasn't expanded to the size of the contained elements. The div's name is nicola-bg

Here is the site

I have the same problem too with #image-section. That div is styled to have large borders but the borders don't extend to the height of the div's containing elements.

How do I prefill an input field in a form? I don't mean "value=hello"
I mean have a light gray text inside that says "enter your first name" and then when the user starts typing that text disappears.

I thought there was an html tag that did this (or a form tag like type=""). I hope it doesn't require CSS...
thanks!