circadian, der er lidt svaert at raadgive dig naar det ikke er klart hvad dit forventede slutresultat er.
Nu har du endelig givet den fulde kode for siden. Men hvad vil du med siden?
Spoergsmaal 1: De felter du kopierer tekst til, er det meningen at brugerne direkte skal indfoere tekst anden end den tekst der er kopieret fra andre felter? Hvis det IKKE er tilfaeldet saa skal du ikke lave felterne som indput felter men bare som td's (fordi du arbejder med tabeller, ellers som div'S.) Saa skal du huske at for at kopiere tekst til td's og div's skal du bruge "document.getElementById(targetid1).innerHTML=y" i stedet for "....value=y".
Spoergsmaal 2, den tekst du i et felt angiver som "Noget tekst her" og "og mere tekst her" hvor kommer de tekster fra? Er det strings du indsaetter saaledes at det er faste naar brugeren benytter formen? I saa fald vil jeg foreslaa simpel string-concatenation. Jeg har for det formaal lavet en funktion "mergeText(sourceid, targetid) hvor jeg laver variabele for den faste tekst og saa indsaetter outputter disse variabele plus den tekst der skal kopieres.
Kommentar: Saa vil du maaske foretraekke at have lidt kontrol med bredden af td'erne i tabellen - jeg har lavet dem 50%/50%.
Hvis jeg har gaettet rigtigt saa kan du se loesningen i
http://christianjorgensen.be/circadian4.php og koden foelger nedenfor. Jeg tillader mig derfor at sende dette som et svar som jeg gerne vil have points for. Hvis jeg har gaettet forkert saa lad os tage en sidste runde, paa betingelse af at du giver fuld forklaring paa hvad det skal bruges til.
Her er saa koden:
<html>
<head>
<title>...</title>
<style type="text/css">
.table
{
font-family:arial;
font-size:13;
}
.font
{
font-family:arial;
font-size:13;
}
.farve
{
background-color:#D7E87B
}
.tab
{
margin-left:40px;
font-family:arial;
font-size:13;
}
</style>
<script type="text/javascript">
function SelectAll(id)
{
document.getElementById(id).focus();
document.getElementById(id).select();
}
function copyText(sourceid, targetid1, targetid2, targetid3, targetid4)
{
var y=document.getElementById(sourceid).value
document.getElementById(targetid1).innerHTML=y
document.getElementById(targetid2).innerHTML=y
document.getElementById(targetid3).innerHTML=y
document.getElementById(targetid4).innerHTML=y
}
function mergeText(sourceid, targetid)
{
var a = "Noget tekst: "
var b = " og mere tekst her."
var y=document.getElementById(sourceid).value
document.getElementById(targetid).innerHTML=a+y+b
}
</script>
</head>
<body>
<font face="arial" size="2">
<font size="6"><b>Overskrift</b></font><br/><br/>
<p>
<b>TEKST INPUT:</b>
<br/><br/>
1.1) Indsæt Tekst1 her:
<table cellpadding="5" cellspacing="0" class="farve" style="width: 100%">
<tr>
<td>
<p class="tab">
<input type="text" id="tekst1" onClick="SelectAll(this.id);" onchange="copyText(this.id, 'tekst1-c1', 'tekst1-c2', 'tekst1-c3')"
style="border: none; width:900px" class="font" class="farve"
value=""/>
</p>
</td>
</tr>
</table>
<br/>
1.2) Indsæt en længere tekst her:
<table cellpadding="5" cellspacing="0" class="farve" style="width: 100%">
<tr>
<td>
<p class="tab">
<input type="text" id="langtekst" onClick="SelectAll(this.id);" onchange="mergeText(this.id, 'langtekst-c')" style="border: none;
width:900px" class="font" class="farve"
value=""/>
</p>
</td>
</tr>
</table>
<br/>
1.3) Random tekst her:
<table cellpadding="5" cellspacing="0" class="farve" style="width: 100%">
<tr>
<td>
<p class="tab">
<input type="text" id="tekst2" onClick="SelectAll(this.id);" onchange="copyText(this.id, 'tekst2-c')" style="border: none;
width:900px" class="font" class="farve"
value=""/>
</p>
</td>
</tr>
</table>
<br/>
<hr/>
</p>
2) Tabel med indsatte tekster:
<table style="background-color:white; width=100%" border="1" cellpadding="2" cellspacing="0" class="table">
<tr>
<td width="50%"><b>Tekst1:</b></td>
<td id="tekst1-c1" class="font"/> </td>
</tr>
<tr>
<td><b>Felt, hvor "og mere tekst her." skal komme <u>lige</u> efter teksten fra punkt 1.2) er slut.</b></td>
<td id="langtekst-c" class="font"/>Noget tekst her og mere tekst her.
</tr>
<tr>
<td><b>Tekst2:</b></td>
<td id="tekst2-c" class="font"/> </td>
</tr>
</table>
<br/>
<hr/>
</p>
</font>
</body>
</html>
Ny bruger
Nybegynder
Opret
Preview
