Hej
Jag skulle vilja ha hjälp med en väldigt fånig (men användbar) javaskriptsfråga. Jag har ett jättegammalt javascript som jag är barnsligt förtjust i och som skapar ett skämtsamt formulär. Det är till för den besökare som har lust att exempelvis skriva en insändare i en tidning men som inte vill anstränga sig i onödan. Besökaren skall fylla svar på några enkla frågor och när han eller hon klickar på "generate"-knappen så skall det dyka upp ett pop-up-window där det vips kommer upp en färdig insändare eller liknande, anpassat efter besökarens svar på mina frågor.
Det funkar alldeles utmärkt i html, och det är inga problem att lägga in det här skriptet på exempelvis en sida i Wordpress, men problemet i WP är kommandot "onclick="create(this.form)". Den skapar inget pop-up window. Hur fixar man det? (Bäst skulle vara att slippa pop-ups och att resultatet får en egen sida, men det får bli en senare fråga) Låt oss säga att vi vi hjälpa någon att skriva en insändare som handlar om kannibalism på dagis (ursäkta ämnet - det är från en smaklös gammal skämtsida) men strunt i det, det är scriptet som är intressant. Så här ser den gamla html-koden ut:
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html> <head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="GENERATOR" content="Microsoft FrontPage 2.0">
<title>TITEL</title>
</head> <body bgcolor="#FFFFCC" text="#000000"
link="#000000" vlink="#000000" alink="#FFFFFF">
<p align="center"> </p>
<div id="Layer1" style="position:absolute; width:232px; height:151px; z-index:1; left: 7px; top: 12px"><img src="../pix/kannija.gif" width="381" height="149"></div>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p> <div align="center"><center> <table border="0" width="50%">
<tr>
<td valign="top" width="100%"><font color="#808080"
size="1" face=" arial,helvetica,sans-serif"><strong><font color="#333333" face="Verdana, Arial, Helvetica, sans-serif">Ärade
du!
Du har valt att kasta dig in i den ultra-heta debatten om förskolebarnens
kannibalism, något du anser dig vilja förespråka. Oavsett om man är
för den, eller emot den, engagerar den många människor och känns alltid
lika aktuell.
Nu har du din chans att ta en tätplats i den diskussionen. Följ bara
instruktionerna, och du blir en människa som för första gången i sitt
liv, inte bara tar tag i de stora framtidsfrågorna...du kommer dessutom
hamna i veckopressen !</font></strong></font></td>
</tr>
</table>
</center></div>
<p align="center"><b><script language="JavaScript">
<!-- hide the script
text = 0
function create(form){
if (confirm("Är du säker?")) {
text = ("<HEAD><TITLE>Insändare</TITLE></HEAD>");
text = (text +"<BODY BGCOLOR= #ffffcc><CENTER><B><FONT face= verdana, arial, helvetica color= black SIZE = 4>Kannibalism – inte bara av ekonomiska skäl!</FONT></B></CENTER><P>"); text = (text + "<FONT face= verdana, arial, helvetica color= black SIZE = -2>I flera veckor har vi nu diskuterat om kommunen skall dra ned på sina kostnader inom barnomsorgen genom att låta barnen äta varandra. "); text = (text + " Några politiker säger nej, andra, som exempelvis " +form.input1.value+ " säger att det går inte att låta känslorna styra när man talar om kommunal ekonomi. "); text = (text +"
Men låt mig få berätta om en alldeles sann historia från " +form.input2.value+ "s dagis här i " +form.input3.value+ "."); text = (text +"<BR>"); text = (text +"<BR> " +form.input4.value+ " och " +form.input5.value+ " var bästa kompisar. De var fem år gamla och lekte med varandra varje dag. De var så söta. "); text = (text +"<BR>En dag beslutades det på personalmötet att " +form.input5.value+ " skulle omplaceras till en annan enhet inom förskolan, till slaktavdelningen Moroten. "); text = (text +"- en mysig liten del av huset. Dagen därpå blev han skjuten av föreståndaren " +form.input6.value+ ". Allt gick lugnt till, " +form.input4.value+ " var närvarande och läste en dikt som han skrivit till " +form.input5.value+ ". "); text = (text +"<BR>Han var lite ledsen, men barn är ju lite känsliga ibland. Kanske var han snuvig. Sedan styckades pojken och frystes in, utom " +form.input5.value+ "s revben, som behövdes till personalens grillfest samma kväll. "); text = (text +"<BR>Veckan därpå åt vi upp " +form.input5.value+ "."); text = (text +"
Först tyckte " +form.input4.value+ " att det hela var läskigt, men när han hade ätit upp " +form.input5.value+ ", sade han:"); text = (text +"<BR> - " +form.input7.value+ ", nu är ju " +form.input5.value+ " inom mig, nu kan vi aldrig skiljas åt. Nu kan vi alltid leka! "); text = (text +"
Visst kan barn hantera de här frågorna, de är mycket klokare än vi tror. Och framför allt: Låt barnen bli mätta på våra daghem."); text = (text +"
");
text = (text +"
Varma hälsningar:");
text = (text +"
" +form.input7.value+ "");
text = (text +"
Förskollärare på " +form.input2.value+ "s daghem. </font>");
msgWindow=window.open("","displayWindow","toolbar=no,width=375,height=400,directories=no,status=no,scrollbars=yes,resize=no,menubar=yes")
msgWindow.document.writeln(text) msgWindow.document.close()
}
}
// end hiding -->
</script>
</b></p> <form>
<div align="center"><center><table border="0" cellpadding="2">
<tr>
<td><font size="2" face="Arial">Politiskt parti:</font></td>
<td><input type="text" size="20" name="input1">
</td>
</tr>
<tr>
<td><font size="2" face="Arial">Ett djur i best.form sing:
</font>
<font size="-2" color="#800000" face=" arial,helvetica,sans-serif">(ex. Björnen, Ormen etc)</font></td>
<td><font size="2" face="Arial"><input type="text"
size="20" name="input2">
</font></td>
</tr>
<tr>
<td><font size="2" face="Arial">Din hemkommun:</font></td>
<td><font size="2" face="Arial"><input type="text"
size="20" name="input3">
</font></td>
</tr>
<tr>
<td><font size="2" face="Arial">Ett pojknamn: </font><font
size="2" face="Arial">:</font></td>
<td><font size="2" face="Arial"><input type="text"
size="20" name="input4">
</font></td>
</tr>
<tr>
<td><font size="2" face="Arial">Ett annat pojknamn:</font></td>
<td><font size="2" face="Arial"><input type="text"
size="20" name="input5">
</font></td>
</tr>
<tr>
<td><font size="2" face="Arial">Ett fullständigt mans/kvinnonamn:</font></td>
<td><font size="2" face="Arial"><input type="text"
size="20" name="input6">
</font></td>
</tr>
<tr>
<td><font size="2" face="Arial">Ditt namn:</font></td>
<td><font size="2" face="Arial"><input type="text"
size="20" name="input7">
</font></td>
</tr> <tr>
<td> </td>
</tr>
</table>
</center></div><p align="center"><input type="button"
value="Bilda en uppfattning." onclick="create(this.form)"> <input
type="reset" value="Återställ">
</p>
<hr> </form>
</body>
</html | 
