🚀 go-pugleaf

Użytkownik "Hush" <rafmen@wp.pl> napisał w wiadomości
news:a1hf9c$fs$1@news.tpi.pl...
> Witam
>
> Mam stronke a na niej pod soba kilka input-text, w kazdym jest cos
wpisane
> tylko ostatnie jest puste, chcialbym aby po wpisaniu w ostatni
input-text
> np. 3 znakow tworzyl sie pod spodem kolejny pusty input-text.
> I po wpisaniu w niego np. 3 znakow pod spodem kolejny i tak w
> nieskonczonosc. Macie jakis pomysl jak to rozwiazac (Javascript lub
Php)???
>
> pozdrawiam
>
Poniżej zamiaszczam zarys rozwiązania (dla IE). Konkrety musisz dobrać do
specyfiki Twojej strony.
W tym przykładzie nowe pole Input-Text pojawia się po opuszczeniu (blur)
ostatniego dostępnego pola. Na tej bazie możesz wprowadzić np. kontrolę
ilości liter w polu, kontrolę wypełnienia pola itd. Należy jednak
przewidzieć maksymalną liczbę nowych pól możliwych do utworzenia (wpis
odpowiedniej ilości <Span> w sekcji Body).
Po utworzeniu i otwarciu strony kliknij pole i następnie kliknij poza
polem. Tylko wtedy, gdy kliknięte pole będzie ostatnim, utworzy się nowe
pole.

<HTML><HEAD>
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=iso-8859-2">
<TITLE>Nowe Pola</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function NowePole(numer)
{
    if (Licz() == numer)
    {
     numer++;
     sp = eval("s"+numer);
     var data = "<input type='text' size=10 name=" + numer+  "
onblur='NowePole(this.name)'><br>";

           if (document.all)
           {
            sp.innerHTML= data;
           }
     }
}
</script>
</HEAD><BODY>
<center>
<form name="PolaEd">
<table>
 <tr><td colspan=2>
<INPUT name=1 size=10 onblur='NowePole(this.name)'><BR>
<INPUT name=2 size=10 onblur='NowePole(this.name)'><BR>
<INPUT name=3 size=10 onblur='NowePole(this.name)'><BR>
<INPUT name=4 size=10 onblur='NowePole(this.name)'><BR>
<span id=s5 style="position:relative;"></span>
<span id=s6 style="position:relative;"></span>
<span id=s7 style="position:relative;"></span>
<span id=s8 style="position:relative;"></span>
 </td></tr>
</table></form></center>

<script language="JavaScript">
function Licz(){return(document.forms.PolaEd.length);}
</script>
</BODY></HTML>

Robert