Avatar billede den-evil Nybegynder
24. november 2005 - 11:24 Der er 7 kommentarer og
1 løsning

indsæt tekst ud fra oplysninger i form?

Ved nu ikke om det er her dette spm er det rette sted for, men vi prøver alligevel...

Har en form hvor brugeren udfylder en masse data om sig selv, såsom brugernavn, bopæl, højde, vægt osv osv.

Der er også et felt hvor brugeren skal skrive en tekst om sig selv, men hvis brugeren nu ikke lige gider at gøre det på nuværende tidspunkt skal de have muligheden at vælge fra en standard tekst ud fra de oplysninger han har angivet i de andre felter.

Når han så har valgt det skal det så smides ind i det textarea der er beregnet til ens egen profil tekst!
Avatar billede showsource Seniormester
24. november 2005 - 13:12 #1
Det er jo noget javascript
F.eks. hver tekst har en tilhørende radiobutton

<html><head></head>
<body>
<form>

<input type="radio" name="alt_tekst" value="Noget tekst" onmouseup="this.form.tekst.value='Noget tekst'">Noget tekst<br />

<input type="radio" name="alt_tekst" value="Noget andet tekst" onmouseup="this.form.tekst.value='Noget andet tekst'">Noget andet tekst<br />

<input type="radio" name="alt_tekst" value="Af hva for noget?" onmouseup="this.form.tekst.value='Af hva for noget?'">Af hva for noget?<br />
<textarea name="tekst" rows="8" cols="20"></textarea>
</form>
</body></html>

Men er ikke lige helt med på hvordan du vil give muligheden for at vælge
Avatar billede den-evil Nybegynder
24. november 2005 - 13:16 #2
Lad os sige jeg har dette her i en form:

<td height="18">F&oslash;dselsdato</td>
                        </tr>
                        <tr>
                          <td><select name="birthDay">
                              <option value="0">1 </option>
                              <option value="1">2 </option>
                              <option value="2">3 </option>
                              <option value="3">4 </option>
                              <option value="4">5 </option>
                              <option value="5">6 </option>
                              <option value="6">7 </option>
                              <option value="7">8 </option>
                              <option value="8">9 </option>
                              <option value="9">10 </option>
                              <option value="10">11 </option>
                              <option value="11">12 </option>
                              <option value="12">13 </option>
                              <option value="13">14 </option>
                              <option value="14">15 </option>
                              <option value="15">16 </option>
                              <option value="16">17 </option>
                              <option value="17">18 </option>
                              <option value="18">19 </option>
                              <option value="19">20 </option>
                              <option value="20">21 </option>
                              <option value="21">22 </option>
                              <option value="22">23 </option>
                              <option value="23">24 </option>
                              <option value="24">25 </option>
                              <option value="25">26 </option>
                              <option value="26">27 </option>
                              <option value="27">28 </option>
                              <option value="28">29 </option>
                              <option value="29">30 </option>
                              <option value="30">31 </option>
                            </select>
                            &nbsp;
                            <select name="birthMonth">
                              <option value="0">Jan </option>
                              <option value="1">Feb </option>
                              <option value="2">Mar </option>
                              <option value="3">Apr </option>
                              <option value="4">Maj </option>
                              <option value="5">Jun </option>
                              <option value="6">Jul </option>
                              <option value="7">Aug </option>
                              <option value="8">Sep </option>
                              <option value="9">Okt </option>
                              <option value="10">Nov </option>
                              <option value="11">Dec </option>
                            </select>
                            &nbsp;
                            <select name="birthYear">
                              <option value="0">1905 </option>
                              <option value="1">1906 </option>
                              <option value="2">1907 </option>
                              <option value="3">1908 </option>
                              <option value="4">1909 </option>
                              <option value="5">1910 </option>
                              <option value="6">1911 </option>
                              <option value="7">1912 </option>
                              <option value="8">1913 </option>
                              <option value="9">1914 </option>
                              <option value="10">1915 </option>
                              <option value="11">1916 </option>
                              <option value="12">1917 </option>
                              <option value="13">1918 </option>
                              <option value="14">1919 </option>
                              <option value="15">1920 </option>
                              <option value="16">1921 </option>
                              <option value="17">1922 </option>
                              <option value="18">1923 </option>
                              <option value="19">1924 </option>
                              <option value="20">1925 </option>
                              <option value="21">1926 </option>
                              <option value="22">1927 </option>
                              <option value="23">1928 </option>
                              <option value="24">1929 </option>
                              <option value="25">1930 </option>
                              <option value="26">1931 </option>
                              <option value="27">1932 </option>
                              <option value="28">1933 </option>
                              <option value="29">1934 </option>
                              <option value="30">1935 </option>
                              <option value="31">1936 </option>
                              <option value="32">1937 </option>
                              <option value="33">1938 </option>
                              <option value="34">1939 </option>
                              <option value="35">1940 </option>
                              <option value="36">1941 </option>
                              <option value="37">1942 </option>
                              <option value="38">1943 </option>
                              <option value="39">1944 </option>
                              <option value="40">1945 </option>
                              <option value="41">1946 </option>
                              <option value="42">1947 </option>
                              <option value="43">1948 </option>
                              <option value="44">1949 </option>
                              <option value="45">1950 </option>
                              <option value="46">1951 </option>
                              <option value="47">1952 </option>
                              <option value="48">1953 </option>
                              <option value="49">1954 </option>
                              <option value="50">1955 </option>
                              <option value="51">1956 </option>
                              <option value="52">1957 </option>
                              <option value="53">1958 </option>
                              <option value="54">1959 </option>
                              <option value="55">1960 </option>
                              <option value="56">1961 </option>
                              <option value="57">1962 </option>
                              <option value="58">1963 </option>
                              <option value="59">1964 </option>
                              <option value="60">1965 </option>
                              <option value="61">1966 </option>
                              <option value="62">1967 </option>
                              <option value="63">1968 </option>
                              <option value="64">1969 </option>
                              <option value="65">1970 </option>
                              <option value="66">1971 </option>
                              <option value="67">1972 </option>
                              <option value="68">1973 </option>
                              <option value="69">1974 </option>
                              <option value="70" selected="selected">1975 </option>
                              <option value="71">1976 </option>
                              <option value="72">1977 </option>
                              <option value="73">1978 </option>
                              <option value="74">1979 </option>
                              <option value="75">1980 </option>
                              <option value="76">1981 </option>
                              <option value="77">1982 </option>
                              <option value="78">1983 </option>
                              <option value="79">1984 </option>
                              <option value="80">1985 </option>
                              <option value="81">1986 </option>
                              <option value="82">1987 </option>
                              <option value="83">1988 </option>
                              <option value="84">1989 </option>
                              <option value="85">1990 </option>
                              <option value="86">1991 </option>
                              <option value="87">1992 </option>
                              <option value="88">1993 </option>
                            </select>
                          </td>
                        </tr>
                        <tr>
                          <td height="18">S&oslash;ger</td>
                        </tr>
                        <tr>
                          <td>
                          <select name="seeking">
                              <option value="0">K&aelig;reste </option>
                              <option value="1">Ven/Veninde </option>
                              <option value="2">Sjov og chat </option>
                              <option value="3">G&aring; i byen venner</option>
                              <option value="4">Intet, har alt</option>
                          </select>
                          </td>
                        </tr>
                        <tr>
                          <td height="18">Omr&aring;de</td>
                        </tr>
                        <tr>
                          <td><select name="area">
                              <option value="-1">V&aelig;lg </option>
                              <option value="0">Bornholms Amt </option>
                              <option value="1">Frederiksborg Amt </option>
                              <option value="2">Fyns Amt </option>
                              <option value="3">K&oslash;benhavn </option>
                              <option value="4">Nordjyllands Amt </option>
                              <option value="5">Ribe Amt </option>
                              <option value="6">Ringkj&oslash;bing Amt </option>
                              <option value="7">Roskilde Amt </option>
                              <option value="8">Storstr&oslash;ms Amt </option>
                              <option value="9">S&oslash;nderjyllands Amt </option>
                              <option value="10">Vejle Amt </option>
                              <option value="11">Vestsj&aelig;llands Amt </option>
                              <option value="12">Viborg Amt </option>
                              <option value="13">&Aring;rhus Amt </option>
                              <option value="14">Andet </option>
                            </select>
                          </td>
                        </tr>
                        <tr>
                          <td height="18">Overskrift</td>
                        </tr>
                        <tr>
                          <td><input maxlength="70" name="headline" value="" type="text" />
                          </td>
                        </tr>
                        <tr>
                          <td height="18">Beskrivelse, skriv om dig selv og hvad du s&oslash;ger</td>
                        </tr>
                        <tr>
                          <td><select name="select">
                              <option value="1">V&aelig;lg en tekst, hvis du vil ha' hj&aelig;lp </option>
                              <option value="2">Standardtekst ud fra de indtastede oplysninger </option>
                            </select>
                              <br />
                              <textarea name="profiletext" cols="40" rows="12"></textarea>
                              <br />
                              <br /></td>
Avatar billede den-evil Nybegynder
24. november 2005 - 13:17 #3
Hov, kom til at trykke på send inden jeg var færdig :)
Anyway:

<select name="select">
                              <option value="1">V&aelig;lg en tekst, hvis du vil ha' hj&aelig;lp </option>
                              <option value="2">Standardtekst ud fra de indtastede oplysninger </option>
                            </select>

HVis man vælger valgmulighed 2 her, så skal det man har indtastet i fødselsdag osv fx smides ind i textarea'et...
Avatar billede showsource Seniormester
24. november 2005 - 13:37 #4
hmm, du gemmer vel i en db?
Så er vel ingen grund til at give profiletext en value som evt. ændres af brugeren.

<form>
<input type="radio" name="alt_tekst" onmouseup="this.form.profiletext.value='';this.form.profiletext.disabled=false;this.form.profiletext.focus()" checked>Fri tekst
<input type="radio" name="alt_tekst" onmouseup="this.form.profiletext.disabled=true;"> Ud fra formular
<br />
<textarea name="profiletext" cols="40" rows="12"></textarea>
</form>
Avatar billede den-evil Nybegynder
24. november 2005 - 13:44 #5
Jaja, gemmer dataen i en db efter de har trykket på submit!
Men lad os sige de udfylder de er en kvinde der søger mand, som er x antal år gammelt, men hun ikke lige gider og sidde og skrive det ind i <textarea> for profiltekst, så skal hun har muligheden for at vælge for dropned menuen
<select name="select">
                              <option value="1">V&aelig;lg en tekst, hvis du vil ha' hj&aelig;lp </option>
                              <option value="2">Standardtekst ud fra de indtastede oplysninger </option>
                            </select>

-
Hvis hun så vælger Standard tekst ud fra indtastet oplysninger, så skal der så ske det at <textarea> bliver udfyldt med en tekst der lyder:

Hej
Jeg er en kvinde på 24år som søger en sød kæreste

Håber du vil skrive til mig :-)
Mvh
Brugernavnet

---------------
Avatar billede showsource Seniormester
24. november 2005 - 13:52 #6
Mjahh, du skal faktisk over i javascript kategorien.
Avatar billede showsource Seniormester
24. november 2005 - 13:54 #7
Det er meget lidt jeg har rodet med JS, og du vil helt sikkert få mere kvalificeret hjælp i rette kategori! :O)
Avatar billede den-evil Nybegynder
24. november 2005 - 14:33 #8
ok, så lukker vi her
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester