quote:Ik wil iets vanuit Word kopieren naar een veld in een webbrowser. Daarbij moeten dingen zoals vet, grootte, enz behouden blijven. Dit lukt wel (zie de url, ik kan niet de url geven waar ik nu mee bezig ben) maar vervolgens wil ik het in een database stoppen. En dit gaat moeilijk.
Op donderdag 19 juni 2003 22:02 schreef Lucille het volgende:
Kan je misschien je vraag iets duidelijker stellen? Ik snap het niet en gezien de weinige reacties denk ik dat anderen hem ook niet snappen.
Je wilt iets in Word intypen en dat in een Webform zetten? Gewoon copy/pasten lijkt mij dan de optie. Maar dat zelf wel niet zijn wat je wilt.
quote:Het probleem zit hem dus niet zozeer in de koppeling Word-Browser maar meer in de interpretatie van het form door een webscript?
Op donderdag 19 juni 2003 22:12 schreef yootje het volgende:[..]
Ik wil iets vanuit Word kopieren naar een veld in een webbrowser. Daarbij moeten dingen zoals vet, grootte, enz behouden blijven. Dit lukt wel (zie de url, ik kan niet de url geven waar ik nu mee bezig ben) maar vervolgens wil ik het in een database stoppen. En dit gaat moeilijk.
quote:Nou, er is helemaal geen form, het gebeurd in een een iframe. Ik plaats de code wel, hij is wel heel lang:
Op donderdag 19 juni 2003 22:22 schreef Lucille het volgende:[..]
Het probleem zit hem dus niet zozeer in de koppeling Word-Browser maar meer in de interpretatie van het form door een webscript?
code:<html>
<head>
<title> Browser Based HTML Editor </title>
<script language="JavaScript">var viewMode = 1; // WYSIWYG
function Init()
{
iView.document.designMode = 'On';
}function selOn(ctrl)
{
ctrl.style.borderColor = '#000000';
ctrl.style.backgroundColor = '#B5BED6';
ctrl.style.cursor = 'hand';
}function selOff(ctrl)
{
ctrl.style.borderColor = '#D6D3CE';
ctrl.style.backgroundColor = '#D6D3CE';
}function selDown(ctrl)
{
ctrl.style.backgroundColor = '#8492B5';
}function selUp(ctrl)
{
ctrl.style.backgroundColor = '#B5BED6';
}function doBold()
{
iView.document.execCommand('bold', false, null);
}function doItalic()
{
iView.document.execCommand('italic', false, null);
}function doUnderline()
{
iView.document.execCommand('underline', false, null);
}function doLeft()
{
iView.document.execCommand('justifyleft', false, null);
}function doCenter()
{
iView.document.execCommand('justifycenter', false, null);
}function doRight()
{
iView.document.execCommand('justifyright', false, null);
}function doOrdList()
{
iView.document.execCommand('insertorderedlist', false, null);
}function doBulList()
{
iView.document.execCommand('insertunorderedlist', false, null);
}function doForeCol()
{
var fCol = prompt('Enter foreground color', '');if(fCol != null)
iView.document.execCommand('forecolor', false, fCol);
}function doBackCol()
{
var bCol = prompt('Enter background color', '');if(bCol != null)
iView.document.execCommand('backcolor', false, bCol);
}function doLink()
{
iView.document.execCommand('createlink');
}function doImage()
{
var imgSrc = prompt('Enter image location', '');if(imgSrc != null)
iView.document.execCommand('insertimage', false, imgSrc);
}function doRule()
{
iView.document.execCommand('inserthorizontalrule', false, null);
}function doFont(fName)
{
if(fName != '')
iView.document.execCommand('fontname', false, fName);
}function doSize(fSize)
{
if(fSize != '')
iView.document.execCommand('fontsize', false, fSize);
}function doHead(hType)
{
if(hType != '')
{
iView.document.execCommand('formatblock', false, hType);
doFont(selFont.options[selFont.selectedIndex].value);
}
}function doToggleView()
{
if(viewMode == 1)
{
iHTML = iView.document.body.innerHTML;
iView.document.body.innerText = iHTML;// Hide all controls
tblCtrls.style.display = 'none';
selFont.style.display = 'none';
selSize.style.display = 'none';
selHeading.style.display = 'none';
iView.focus();viewMode = 2; // Code
}
else
{
iText = iView.document.body.innerText;
iView.document.body.innerHTML = iText;// Show all controls
tblCtrls.style.display = 'inline';
selFont.style.display = 'inline';
selSize.style.display = 'inline';
selHeading.style.display = 'inline';
iView.focus();viewMode = 1; // WYSIWYG
}
}
<style>.butClass
{
border: 1px solid;
border-color: #D6D3CE;
}.tdClass
{
padding-left: 3px;
padding-top:3px;
}</style>
<body onLoad="Init()">
<table id="tblCtrls" width="415px" height="30px" border="0" cellspacing="0" cellpadding="0" bgcolor="#D6D3CE">
<tr>
<td class="tdClass">
<img alt="Bold" class="butClass" src="bold.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doBold()">
<img alt="Italic" class="butClass" src="italic.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doItalic()">
<img alt="Underline" class="butClass" src="underline.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doUnderline()"><img alt="Left" class="butClass" src="left.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doLeft()">
<img alt="Center" class="butClass" src="center.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doCenter()">
<img alt="Right" class="butClass" src="right.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doRight()"><img alt="Ordered List" class="butClass" src="ordlist.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doOrdList()">
<img alt="Bulleted List" class="butClass" src="bullist.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doBulList()"><img alt="Text Color" class="butClass" src="forecol.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doForeCol()">
<img alt="Background Color" class="butClass" src="bgcol.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doBackCol()"><img alt="Hyperlink" class="butClass" src="link.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doLink()">
<img alt="Image" class="butClass" src="image.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doImage()">
<img alt="Horizontal Rule" class="butClass" src="rule.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doRule()"></td>
</tr>
</table>
<iframe id="iView" style="width: 415px; height:205px"></iframe><table width="415px" height="30px" border="0" cellspacing="0" cellpadding="0" bgcolor="#D6D3CE">
<tr>
<td class="tdClass" colspan="1" width="80%">
<select name="selFont" onChange="doFont(this.options[this.selectedIndex].value)">
<option value="">-- Font --</option>
<option value="Arial">Arial</option>
<option value="Courier">Courier</option>
<option value="Sans Serif">Sans Serif</option>
<option value="Tahoma">Tahoma</option>
<option value="Verdana">Verdana</option>
<option value="Wingdings">Wingdings</option>
</select>
<select name="selSize" onChange="doSize(this.options[this.selectedIndex].value)">
<option value="">-- Size --</option>
<option value="1">Very Small</option>
<option value="2">Small</option>
<option value="3">Medium</option>
<option value="4">Large</option>
<option value="5">Larger</option>
<option value="6">Very Large</option>
</select>
<select name="selHeading" onChange="doHead(this.options[this.selectedIndex].value)">
<option value="">-- Heading --</option>
<option value="Heading 1">H1</option>
<option value="Heading 2">H2</option>
<option value="Heading 3">H3</option>
<option value="Heading 4">H4</option>
<option value="Heading 5">H5</option>
<option value="Heading 6">H6</option>
</select>
</td>
<td class="tdClass" colspan="1" width="20%" align="right">
<img alt="Toggle Mode" class="butClass" src="mode.gif" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doToggleView()">
</td>
</tr>
</table>
<a href="#" onMouseOver="selOn(this)" onMouseOut="selOff(this)" onMouseDown="selDown(this)" onMouseUp="selUp(this)" onClick="doToggleView()">Klik hier voor de code</a><br>
</body>
</html>
quote:Nee, ik wil het script niet in de database zetten.
Op donderdag 19 juni 2003 23:04 schreef Wisp het volgende:
hier doet ie het goed, gewoon als html in de db zetten
Ik wil dat als je wat typt de code (wat je krijgt als je op "klik hier voor de code"klikt) in een database stoppen, bijvoorbeeld met een form.
Als je wilt kan ik de HTML (i.c.m. hele simpele ASP) source plaatsen.
quote:Ik heb nu dit:
Op donderdag 19 juni 2003 23:52 schreef Roonaan het volgende:
hidden inputfield data aanmaken in je form
en dan
<form onSubmit="data.value = document.getElementByID('iFrameID').innerHTML;" />
code:Maar dit is niet goed, wat is er mis aan? Eerst probeerde ik ook nog een action en naam enzo bij te voegen, dat werkte niet.<form onSubmit="data.value = document.getElementByID('iView').innerHTML;" />
<input type="hidden" name="data">
<input type="submit" value="Verstuur">
</form>
PHP is veel makkelijker als Javascript
* yootje schaamt zich een beetje
quote:
Op vrijdag 20 juni 2003 10:15 schreef yootje het volgende:
PHP is veel makkelijker als Javascript
*iets met appels en peren...
quote:Moeilijkheidsgraad om te leren is nou net één van de weinige zinnige (persoonlijke) vergelijkingen die je wel kan maken tussen PHP en JavaScript. Bewaar de
Op vrijdag 20 juni 2003 10:24 schreef markvleth het volgende:
*iets met appels en peren...
quote:
Op vrijdag 20 juni 2003 10:29 schreef markvleth het volgende:
@Litpho
True, ik heb verkeerd gelezen, my mistake
quote:Maak daar eens van:
Op vrijdag 20 juni 2003 10:15 schreef yootje het volgende:[..]
Ik heb nu dit:
code:Maar dit is niet goed, wat is er mis aan? Eerst probeerde ik ook nog een action en naam enzo bij te voegen, dat werkte niet.<form onSubmit="data.value = document.getElementByID('iView').innerHTML;" />
<input type="hidden" name="data">
<input type="submit" value="Verstuur">
</form>PHP is veel makkelijker als Javascript
* yootje schaamt zich een beetje
code:<form onSubmit="document.getElemenById('data').value = document.getElementByID('iView').innerHTML;" />
<input type="hidden" name="data" id="data">
<input type="submit" value="Verstuur">
</form>
quote:Dit werkt niet. Het lijkt erop dat de pagina gewoon refresht.
Op vrijdag 20 juni 2003 18:19 schreef Aaargh! het volgende:[..]
Maak daar eens van:
code:<form onSubmit="document.getElemenById('data').value = document.getElementByID('iView').innerHTML;" />
<input type="hidden" name="data" id="data">
<input type="submit" value="Verstuur">
</form>
quote:d'r zat een typefout in die code, heb je die gecorrigeert ?
Op vrijdag 20 juni 2003 19:04 schreef yootje het volgende:[..]
Dit werkt niet. Het lijkt erop dat de pagina gewoon refresht.
quote:Ik heb geen typfout gecorrigeerd, welke is dat dan?
Op vrijdag 20 juni 2003 19:10 schreef Aaargh! het volgende:[..]
d'r zat een typefout in die code, heb je die gecorrigeert ?
Wat meld de javascript console ?
En de Javascript Console zegt niks.
code:Dus zonder de eindslash aan de eerste form-tag, zodat de input's in het form terecht komen ipv dat deze form-tag in zichzelf gesloten is.<form onSubmit="document.getElemenById('data').value = document.getElementByID('iView').innerHTML;">
<input type="hidden" name="data" id="data">
<input type="submit" value="Verstuur">
</form>
quote:Nog steeds niks.
Op vrijdag 20 juni 2003 20:13 schreef Litpho het volgende:
Maak daar eens van:code:Dus zonder de eindslash aan de eerste form-tag, zodat de input's in het form terecht komen ipv dat deze form-tag in zichzelf gesloten is.<form onSubmit="document.getElemenById('data').value = document.getElementByID('iView').innerHTML;">
<input type="hidden" name="data" id="data">
<input type="submit" value="Verstuur">
</form>
Maar als ik op versturen klik, en de code doet wat hij moet doen, dan gebeurd er toch nog steeds niks? Ik moet het namelijk ook verzenden naar een database (MySQL), en hier staat niet een action o.i.d. bij.
quote:Ik zag je post helemaal over het hoofd!
Op vrijdag 20 juni 2003 09:19 schreef sop het volgende:
zoiets?
http://www11.brinkster.com/jvwlive/foktest.htmAls je wilt kan ik de HTML (i.c.m. hele simpele ASP) source plaatsen.
Als je wilt, graag.
quote:Laat maar, ik heb als het goed is iets beters gevonden...
Op zaterdag 21 juni 2003 13:16 schreef sop het volgende:
Ik zal zo ff kijken.
Even een handleiding maken.
Sorry...
net klaar: http://www11.brinkster.com/jvwlive/fokcursus.htm
3 kwartier mee bezig geweest zie ik net. Zal je nog eens helpen
[Dit bericht is gewijzigd door sop op 21-06-2003 14:22]
quote:Die handleiding is fantastisch! Misschien is de jouwe toch beter
Op zaterdag 21 juni 2003 14:04 schreef sop het volgende:
Laat ok even weten wat er beter is dan mijn cursus+script?
en dit stuk:
code:Moet in een aparte HTML staan.<form method="POST" name="myform" action="editorverwerken.php" onsubmit="myform.tekst.value=theRTF.mytext.document.body.innerHTML">
<textarea rows="1" id="tekst" name="Tekst" cols="15" style="display:none"></textarea>
<iframe id="theRTF" src="richedit/main.htm" frameborder="0" width="500" height="260"></iframe><br>
<input type="submit" value="Submit" name="B1">
en het size knopje werkt ook.
-edit- alle knopjes werken gewoon
Er zitten nog tig foutjes in, maar die probeer ik nu te fixen.
Daardoor staan alle plaatjes onder elkaar.
http://www11.brinkster.com/jvwlive/fokcursus.htm
(ff op F5 duwen als je hem al eens bekeken hebt)
php:en<?
include ("connect.php");
$query = mysql_query("SELECT * FROM paginas WHERE id='$_GET[id]'");
$inhoud = mysql_fetch_array($query);
?>
<form method="POST" name="myform" action="editpaginaverwerken.php" onsubmit="myform.tekst.value=theRTF.mytext.document.body.innerHTML">
<input type="text" name="locator1" value="<? echo $inhoud[locator1]; ?>"><br>
<input type="text" name="locator2" value="<? echo $inhoud[locator2]; ?>"><br>
<input type="text" name="onderwerp" value="<? echo $inhoud[onderwerp]; ?>"><br>
<textarea rows="1" id="tekst" name="tekst" cols="15" style="display:none">
<? echo $inhoud[pagina]; ?>
</textarea>
<iframe id="theRTF" src="main.htm" frameborder="0" width="500" height="300"></iframe><br>
<input type="submit" value="Submit" name="B1">
<script language="JavaScript">
document.onreadystatechange = initeditor;
function initeditor() {
theRTF.SetHtml(myform.tekst.value);
}
</script>
?>
php:Voor het verwerkgedeelte.<?
include("connect.php");
if (IsSet($HTTP_COOKIE_VARS["jongerenraadnickname"]))
{
$query="UPDATE paginas SET locator1='$_POST[locator1]' WHERE id='$_GET[id]'";
mysql_query($query) or die(mysql_error());
$query="UPDATE paginas SET locator2='$_POST[locator2]' WHERE id='$_GET[id]'";
mysql_query($query) or die(mysql_error());
$query="UPDATE paginas SET pagina='$_POST[tekst]' WHERE id='$_GET[id]'";
mysql_query($query) or die(mysql_error());
$query="UPDATE paginas SET onderwerp='$_POST[onderwerp]' WHERE id='$_GET[id]'";
mysql_query($query) or die(mysql_error());
echo "gelukt!";
} else {
echo "U bent niet ingelogd";
}
?>
quote:Hij voegt niks toe.
Op zaterdag 21 juni 2003 18:50 schreef sop het volgende:
voegt hij niets toe? of alleen de textarea niet?
<div contenteditable="contenteditable" onChange="document.forms[0].field.value = this.innerHTML;">
Misschien dat dit wel werkt?
quote:Hoe heb je het nu dan werkend gekregen?
Op maandag 23 juni 2003 10:24 schreef yootje het volgende:
Alles werkt nu, hartstikke bedankt voor al jullie hulp!
quote:O, dat weet ik niet meer, is 2 dagen geleden. Maar ik werkte met het script van sop. Als je graag de code wilt hebben, mail me dan maar.
Op maandag 23 juni 2003 10:27 schreef Roonaan het volgende:[..]
Hoe heb je het nu dan werkend gekregen?
quote:Staat geen email adres in je profiel... maaruh --> tobe@fok.nl
Op maandag 23 juni 2003 10:31 schreef yootje het volgende:[..]
O, dat weet ik niet meer, is 2 dagen geleden. Maar ik werkte met het script van sop. Als je graag de code wilt hebben, mail me dan maar.
quote:neuh, hoeft niet, maar voor geinteresseerde users enz. scheelt een topic als ze hetzelfde probleem hebben.
Op maandag 23 juni 2003 10:31 schreef yootje het volgende:[..]
O, dat weet ik niet meer, is 2 dagen geleden. Maar ik werkte met het script van sop. Als je graag de code wilt hebben, mail me dan maar.
quote:Dan kunnen ze naar me mailen
Op maandag 23 juni 2003 10:38 schreef Roonaan het volgende:[..]
neuh, hoeft niet, maar voor geinteresseerde users enz. scheelt een topic als ze hetzelfde probleem hebben.
|
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |