onfocus, onblur teksto perdavimas į formą

Kai ką nors parašau viskas gerai, perduoda parašytą tekstą, bet kai nieko nerašai ir paspaudi NEXT, perduodą apie save tekstą, o reikėtų, kad perduotų kaip tuščia.

*.js

function get_prompt(control)
{
 return eval( "prompt_list." + control.attr('id') );
}

function show_prompt(control, prompt)
{
 var prompt;
 prompt = get_prompt(control);
 if((control.val() == '') || (control.val() == prompt))
 {
   control.addClass('prompt_style');
   control.val(prompt);
 }
}

function clear_prompt(control)
{
 var prompt;
 prompt = get_prompt(control);
 if(control.val() == prompt)
 {
   control.removeClass('prompt_style');
   control.val('');
 }
}

*.html

<script language="javascript">
 var prompt_list = {
   'u_t_0': '[i][color="#ff0000"]apie save[/color][/i] '
};
</script>

<form action="{S_FORM_ACTION}" method="post" name="form1">
<tr id="u_t_0_tr">
<td><label id="u_t_0_label" for="u_t_0">Apie</label></td>
<td><input type="text" name="0" id="u_t_0" size="60" onfocus="clear_prompt($(this))" onblur="show_prompt($(this))" class="prompt_style"/></td>
</tr>

<tr>
<td> </td>
<td><input type="submit" value="{L_NEXT2}"/></td>
</tr>
</form>

<script language="javascript">
 show_prompt($('#u_t_0'));
</script>

Ką tiksliai turėtų atlikti javascript skriptas?

Javascript skriptuose nepatartina naudoti eval, paprastai būna geresnis būdas iššaukti norimą elgesį. Patartina kintamųjų vardus (šiuo atveju elementų id) vadinti kiek prasmingesniais vardais, nei "u_t_0_tr" (kam "tr" nurodyti id, jei css byloje galima nurodyti tr #id?)

Kai ką nors parašau viskas gerai, perduoda parašytą tekstą, bet kai nieko nerašai ir paspaudi NEXT, perduodą apie save tekstą, o reikėtų, kad perduotų kaip tuščia.

 

*.js

function get_prompt(control)
{
 return eval( "prompt_list." + control.attr('id') );
}

function show_prompt(control, prompt)
{
 var prompt;
 prompt = get_prompt(control);
 if((control.val() == '') || (control.val() == prompt))
 {
   control.addClass('prompt_style');
   control.val(prompt);
 }
}

function clear_prompt(control)
{
 var prompt;
 prompt = get_prompt(control);
 if(control.val() == prompt)
 {
   control.removeClass('prompt_style');
   control.val('');
 }
}

 

 

*.html

 

<script language="javascript">
 var prompt_list = {
   'u_t_0': '[i][color="#ff0000"]apie save[/color][/i] '
};
</script>

<form action="{S_FORM_ACTION}" method="post" name="form1">
<tr id="u_t_0_tr">
<td><label id="u_t_0_label" for="u_t_0">Apie</label></td>
<td><input type="text" name="0" id="u_t_0" size="60" onfocus="clear_prompt($(this))" onblur="show_prompt($(this))" class="prompt_style"/></td>
</tr>

<tr>
<td> </td>
<td><input type="submit" value="{L_NEXT2}"/></td>
</tr>
</form>

<script language="javascript">
 show_prompt($('#u_t_0'));
</script>

Kaip sakant bandžiau išrasti dviratį - nesigavo :)

Radau kita variantą: placeholder

<form action="{S_FORM_ACTION}" method="post" name="form1">
<tr id="u_t_0_tr">
       <td><label id="u_t_0_label" for="u_t_0">Apie mane</label></td>
       <td><input type="text" name="0" id="u_t_0" size="60" placeholder="Keli žodžiai apie mane"/></td>
</tr>
<tr>
      <td> </td>
       <td><input type="submit" value="{L_NEXT2}"/></td>
</form>