Problem with form in window popup

viki1967

Hi all.

I have this JavaScript function that copy the value ( selected in a select open in a window popup), in the hidden main form field.

I need this changes:

1) If the popup window is not requested by the user, the hidden main form field take value = 0;
2) If the window is open to force the user to make a choice within the select.

Can you help me?
Thanks

Expand|Select|Wrap|Line Numbers

 <script language="javascript" type="text/javascript">

<!--
 
function setValue(selObj)

{
 
  if (!window.opener || selObj.selectedIndex <= 0) return;
 
  var vl = "";

  var opts = selObj.options;
 
  for ( n = 0 ; n < opts.length ; n++ )

    {

      if (opts[n].selected)

        {

          if (vl.length > 0) vl += ", ";

          vl += opts[n].value;

        }

    }
 
  window.opener.document.Qform.NASCOSTO.value = selObj.value;
 
  window.close();
 
}
 
// -->

</script>

gits

so just to understand that correctly:

1. when the user doesn't open the window the field should be set to 0? that is the default value of the field?

2. when he/she once opens the window ... then a selection has to be made and the window couldn't be closed without a selection?

viki1967

Quote:

1. when the user doesn't open the window the field should be set to 0? that is the default value of the field?

The default value of the field is NULL;

Quote:

2. when he/she once opens the window ... then a selection has to be made and the window couldn't be closed without a selection?

Exactly...

Try this:
http://www.avia-it.com/public/js/gits.htm

thanks...

gits

for the first issue you might just set the default to 0 or map it in your code because you know that the value NULL translates to 0 in your case.

for the second issue you might use the onbeforeunload handler of the window to react properly to the user's actions ... have a look here for the usage ...

kind regards

viki1967

for the first issue it's ok...

for the second issue I don't understand the user's actions in my case... sorry...

If the window is open to force the user to make a choice within the select...

Can you tell me how resolve the problem ?

Regards
Viki

gits

just use the onbeforeunload-event to validate whether the user has selected something or not ... and then do whatever you want in case the user didn't select something ... give a warning, avoid to close the window or whatever ... you could even use a custom dhtml-window so that you don't need to fiddle with different windows and close buttons etc.

viki1967

OK, but can you tell me how I modify my code?

gits

come on :) ... you should know that in this forum you should show some efforts to solve it first ... so try to implement the onbeforunload handler first ... the link shows you how you should use it ...

kind regards

viki1967

OK, I understand...

I write this code... working but I'am not sure it is a conform solution to the problem ...

Expand|Select|Wrap|Line Numbers

 <html>

<head>
 
<title>Popup</title>
 
<script language="javascript" type="text/javascript"> 

<!--
 
function conferma(){
 
  if(document.Qform.ELEMENTO.value.length <= 0)

  {

     alert("Compila tutti i campi");

  }

  else

  {

     document.Qform.submit();

  }

 }
 
function setValue(selObj)

{ 
 
  if (!window.opener || selObj.selectedIndex <= 0) return;
 
  var vl = "";

  var opts = selObj.options;
 
  for ( n = 0 ; n < opts.length ; n++ )

    {

      if (opts[n].selected)

        {

          if (vl.length > 0) vl += ", ";

          vl += opts[n].value;

        }

    }
 
     window.opener.document.Qform.NASCOSTO.value = selObj.value;

     window.close();
 
}
 
// -->

</script>
 
</head>
 
<body>
 
<form name="Qform">
 
  <select name="ELEMENTO" size="1" onchange="setValue(this);">

  <option value="">Selezionare ELEMENTO</option>
 
    <option value="ALTRO">ALTRO</option>
 
    <option value="BLU">BLU</option>
 
    <option value="GIALLO">GIALLO</option>
 
    <option value="ROSSO">ROSSO</option>
 
    <option value="VERDE">VERDE</option>
 
  </select>
 
      <p align="center">

      <a href="javascript:void(0);" onclick="conferma()">

      <input type="image"src="products.gif" border="0" align="middle" name="I3"></a>
 
</form>
 
</body>

</html>

gits

ok ... that would validate the input when the link is clicked. so now when you don't need to check when the user just closes the window without a selection (through the close-button - X-button of the window's title bar or with another action like alt+F4) then it would be sufficient. otherwise the mentioned onbeforeunload-event could help ...

kind regards

Problem with form in window popup

re: Problem with form in window popup

re: Problem with form in window popup

re: Problem with form in window popup

re: Problem with form in window popup

re: Problem with form in window popup

re: Problem with form in window popup

re: Problem with form in window popup

re: Problem with form in window popup

re: Problem with form in window popup

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about