Disable field input type in the form

viki1967

263 Contributor

Hi there.

I have this form with three fields:

Expand|Select|Wrap|Line Numbers

 <HTML>

<HEAD>
 
<script language="javascript">

<!--
 
 function ApriPopup(larg,alte,url) 
 
{ 

var w = screen.width; 

var h = screen.height;
 
var x = Math.round(w / 2) - Math.round(larg / 2); 

var y = Math.round(h / 2) - Math.round(alte / 2); 
 
window.open(url,'','width='+larg+',height='+alte+',top='+y+',left='+x+''); 

} 
 
//-->

</script>
 
</HEAD>
 
<BODY> 
 
<form method="POST" action="test.asp">
 
  <select size="1" name="Stato">

  <option>Seleziona</option>

  <option value="Assente">Assente</option>

  <option value="Presente">Presente</option>

  </select>
 
  <select size="1" name="Stato_g">

  <option>Seleziona</option>

  <option value="Ferie">Ferie</option>

  <option value="Malattia">Malattia</option>

  <option value="In sede">In sede</option>

  <option value="Fuori sede">Fuori sede</option>

  </select>  
 
<input type="text" name="ore" size="20">

<a href="javascript:ApriPoup(500,500,'popup.asp');">

    <img border="0" src="apripopup.gif" width="12" height="12"></a>
 
</form>
 
</BODY>

</HTML>

I have to disable the field input type="text" name="ore" AND the link <a href="javascript:ApriPoup(500,500,'popup.asp');"> when the select "Stato" value "Assente".

Help please, thanks regards
Viki1967

Mar 7 '08 #1

Subscribe Reply

2159

hsriat

1,654

Recognized Expert Top Contributor

Add a function onchange of Stato. In that function, if value of Stato is Assente, disable all the thing you require to disable, and if value is not Assente, enable them back.

You may not disable the link, so set its href to "#" or "javascript:void(0)" instead.

Mar 7 '08 #2

viki1967

263

Contributor

Thanks, but one example ?

Mar 7 '08 #3

hsriat

1,654

Recognized Expert Top Contributor

Expand|Select|Wrap|Line Numbers

 function disOrEnb(sel) {

    document.forms[0].ore.disabled = sel.value == 'Assente' ? true : false;

    document.getElementById('link').href = sel.value == 'Assente' ? 'javascript:void(0)' : 'javascript:ApriPoup(500,500,\'popup.asp\')';

}

Add onchange="disOrEnb(this)" to the select tag.

Mar 8 '08 #4

viki1967

263

Contributor

Thanks, but sorry not working:

http://www12.asphost4free.com/viki1967/form.htm

Expand|Select|Wrap|Line Numbers

 
<HTML>

<HEAD>
 
<script language="javascript">

<!--
 
 function ApriPopup(larg,alte,url) 
 
{ 

var w = screen.width; 

var h = screen.height;
 
var x = Math.round(w / 2) - Math.round(larg / 2); 

var y = Math.round(h / 2) - Math.round(alte / 2); 
 
window.open(url,'','width='+larg+',height='+alte+',top='+y+',left='+x+''); 

} 
 
function disOrEnb(sel) {

    document.forms[0].ore.disabled = sel.value == 'Assente' ? true : false;

    document.getElementById('link').href = sel.value == 'Assente' ? 'javascript:void(0)' : 'javascript:ApriPoup(500,500,\'popup.asp\')';

}
 
//-->

</script>
 
</HEAD>
 
<BODY> 
 
<form method="POST" action="test.asp">
 
  <select size="1" name="Stato" onchange="disOrEnb(this)">

  <option>Seleziona</option>

  <option value="Assente">Assente</option>

  <option value="Presente">Presente</option>

  </select>
 
  <select size="1" name="Stato_g">

  <option>Seleziona</option>

  <option value="Ferie">Ferie</option>

  <option value="Malattia">Malattia</option>

  <option value="In sede">In sede</option>

  <option value="Fuori sede">Fuori sede</option>

  </select>  
 
<input type="text" name="ore" size="20">

<a href="javascript:ApriPoup(500,500,'popup.asp');">

    <img border="0" src="php/modifica.gif" width="12" height="12"></a>
 
</form>
 
</BODY>

</HTML>

Mar 8 '08 #5

hsriat

1,654

Recognized Expert Top Contributor

Make this change...

<a id="link" href="javascript:ApriPoup(500,500,'popup.asp');">

Mar 8 '08 #6

viki1967

263

Contributor

Thanks.

When "Stato" is "Presente" not working:

http://www12.asphost4free.com/viki1967/form.htm

Mar 8 '08 #7

hsriat

1,654

Recognized Expert Top Contributor

Thanks.

When "Stato" is "Presente" not working:

http://www12.asphost4free.com/viki1967/form.htm

In this link I can see it is working!!

Which browser are you using?

Mar 8 '08 #8

viki1967

263

Contributor

I use Internet Explorer, this is error:

Stato = Presente
Stato_g = Ferie

If you click on image modifica.gif:

Mar 8 '08 #9

viki1967

263

Contributor

Yes !!!

Expand|Select|Wrap|Line Numbers

'javascript:ApriPoup(500,500,\'popup.asp\')';

Expand|Select|Wrap|Line Numbers

'javascript:ApriPopup(500,500,\'popup.asp\')';

Not ApriPoup but ApriPopup

THANKS !!!!!!
Bye

Mar 8 '08 #10

viki1967

263

Contributor

Sorry, it's possible change image src="php/modifica.gif" with src="php/NoModifica.gif" when stato = Assente ?

Mar 8 '08 #11

hsriat

1,654

Recognized Expert Top Contributor

Sorry, it's possible change image src="php/modifica.gif" with src="php/NoModifica.gif" when stato = Assente ?

yeah, add this similarly to the existing function.

Mar 8 '08 #12

viki1967

263

Contributor

Sorry, I dont know... :(

Mar 8 '08 #13

hsriat

1,654

Recognized Expert Top Contributor

Sorry, I dont know... :(

Here is an example which can help you.

Mar 8 '08 #14

viki1967

263

Contributor

Thanks, but as edit function disOrEnb ?

Mar 8 '08 #15

viki1967

263

Contributor

I write this, but is not working:

Expand|Select|Wrap|Line Numbers

  
<HTML>

<HEAD>
 
<script language="javascript">

<!--
 
 function ApriPopup(larg,alte,url) 
 
{ 

var w = screen.width; 

var h = screen.height;
 
var x = Math.round(w / 2) - Math.round(larg / 2); 

var y = Math.round(h / 2) - Math.round(alte / 2); 
 
window.open(url,'','width='+larg+',height='+alte+'  ,top='+y+',left='+x+''); 

} 
 
function disOrEnb(sel) {
 
    document.forms[0].ore.disabled = sel.value == 'Assente' ? true : false;

    document.getElementById('link').href = sel.value == 'Assente' ? 'javascript:void(0)' : 'javascript:ApriPopup(500,500,\'popup.asp\')';

    document.getElementById('b1').src = sel.value == 'Assente' == "chiudi_button.gif";

}
 
//-->

</script>
 
</HEAD>
 
<BODY> 
 
<form method="POST" action="test.asp">
 
  <select size="1" name="Stato" onchange="disOrEnb(this)">

  <option>Seleziona</option>

  <option value="Assente">Assente</option>

  <option value="Presente">Presente</option>

  </select>
 
  <select size="1" name="Stato_g">

  <option>Seleziona</option>

  <option value="Ferie">Ferie</option>

  <option value="Malattia">Malattia</option>

  <option value="In sede">In sede</option>

  <option value="Fuori sede">Fuori sede</option>

  </select>  
 
<input type="text" name="ore" size="20">

<a id="link" href="javascript:ApriPoup(500,500,'popup.asp');">
 
    <img border="0" id="b1" src="invia_button.gif"></a>
 
</form>
 
</BODY>

</HTML>

Mar 8 '08 #16

hsriat

1,654

Recognized Expert Top Contributor

This is not the right syntax, use this:

Expand|Select|Wrap|Line Numbers

 document.getElementById('b1').src = sel.value == 'Assente' ? 'button1.gif' : 'button2.gif';
 

This syntax should be in the form:

var a = condition ? b : c;

This means if condition is true, a = b, else a = c
Got it?

Mar 9 '08 #17

viki1967

263

Contributor

Many thanks...

Regards,
Viki1967

Mar 9 '08 #18

by: HolaGoogle | last post by:

Hi all, Can you please tell me what's wrong with my code??? i do have this database in wich i have to field.One is a "yes/no" field and another one is "number" field. To display the yes/no field...

ASP / Active Server Pages

ENABLE/DISABLE CHECKBOXES AND TEXTBOXES PROBLEM

by: HolaGoogle | last post by:

Can you please tell me the right way to do this?? it's realy important! thanks in advance... Hi all, Can you please tell me what's wrong with my code??? i do have this database in wich i have...

ASP / Active Server Pages

Multiple select onclick disable another form field

by: Forti2ude | last post by:

Hello, I have a simple form... <form> <select name="foo" multiple> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> </select>

Javascript

disable or prevent a button with onclick and javascript

by: techfuzz | last post by:

I scoured this group and others looking for the best way to disable a button after the first click to prevent multiple submissions, but never did find anything that worked like they said it would. ...

ASP.NET

Disable a form submission link during validation?

by: kschneider | last post by:

Assume there's a form with it's action attribute all set to post to a URL, but without a submit control. Form submission is done via a link and I want to prevent the classic "double submit"....

Javascript

disable many input boxes

by: Mike | last post by:

I have a form that contains 240 "products". Each Product has a TR. Each TR contains a Yes and No radio button and a Product-Qty text input. A situation exists where I have to go through all the...

Javascript

Disable drag in ie & FF

by: surf_doggie | last post by:

Im not sure if this is the group to post in, if anyone knows a more appropriate one please let me know. Please consider the following example of a feature most all browsers have that I would...

Javascript

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

AI Job Threat for Devs

by: agi2029 | last post by:

Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

Career Advice

Couldn’t get equations in html when convert word .docx file to html file in C#.

by: conductexam | last post by:

I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...

C# / C Sharp

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The...

Networking - Hardware / Configuration

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated ...

C# / C Sharp

Disable field input type in the form

Similar topics