Vanuit Word naar browser

donderdag 19 juni 2003 @ 21:27:56 #1

yootje

Ik wil graag dat iemand iets in Word typt het vervolgens kan plakken in iets in een webbrowser. Dit lukt wel (http://www.devarticles.com/art/1/90) maar ik kan er vervolgens niks meer mee doen. Ik moet dus de tekst die er is getypt in een form krijg o.i.d.

donderdag 19 juni 2003 @ 22:02:25 #2

Lucille

Smartass

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.

Beter een baas onder je duim, dan tien bovenop
Trekt bij warm weer een poncho aan

donderdag 19 juni 2003 @ 22:12:20 #3

yootje

quote:
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.

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.

donderdag 19 juni 2003 @ 22:22:27 #4

Lucille

Smartass

quote:
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.

Het probleem zit hem dus niet zozeer in de koppeling Word-Browser maar meer in de interpretatie van het form door een webscript?

Beter een baas onder je duim, dan tien bovenop
Trekt bij warm weer een poncho aan

donderdag 19 juni 2003 @ 22:24:47 #5

yootje

quote:
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?

Nou, er is helemaal geen form, het gebeurd in een een iframe. Ik plaats de code wel, hij is wel heel lang:

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>

donderdag 19 juni 2003 @ 23:04:50 #6

Wisp

hier doet ie het goed, gewoon als html in de db zetten

[url=http://4aal.nl/muziek.php][Muziek collectie][/url] [url=http://www.democrates.net/index.php][Democrates][/url] [url=http://www.retecool.com][Retecool][/url] [url=http://4aal.nl/tv/tv.php][TV gids][/url]

donderdag 19 juni 2003 @ 23:32:10 #7

yootje

quote:
Op donderdag 19 juni 2003 23:04 schreef Wisp het volgende:
hier doet ie het goed, gewoon als html in de db zetten

Nee, ik wil het script niet in de database 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.

donderdag 19 juni 2003 @ 23:34:24 #8

yootje

Dit topic heeft ermee te maken:

Waar vind ik een applet/script als dit?

donderdag 19 juni 2003 @ 23:52:46 #9

Roonaan

Strictly

hidden inputfield data aanmaken in je form
en dan
<form onSubmit="data.value = document.getElementByID('iFrameID').innerHTML;" />

vrijdag 20 juni 2003 @ 09:19:27 #10

sop

ahum

zoiets?
http://www11.brinkster.com/jvwlive/foktest.htm

Als je wilt kan ik de HTML (i.c.m. hele simpele ASP) source plaatsen.

vrijdag 20 juni 2003 @ 10:15:15 #11

yootje

quote:
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;" />

Ik heb nu dit:

code:
<form onSubmit="data.value = document.getElementByID('iView').innerHTML;" />
<input type="hidden" name="data">
<input type="submit" value="Verstuur">
</form>

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.

PHP is veel makkelijker als Javascript

* yootje schaamt zich een beetje

vrijdag 20 juni 2003 @ 10:24:28 #12

markvleth

quote:
Op vrijdag 20 juni 2003 10:15 schreef yootje het volgende:
PHP is veel makkelijker als Javascript

*iets met appels en peren...

vrijdag 20 juni 2003 @ 10:26:58 #13

Litpho

quote:
Op vrijdag 20 juni 2003 10:24 schreef markvleth het volgende:
*iets met appels en peren...

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

smiley maar voor de volgende persoon die het verschil tussen Java en Javascript niet kent

.

"If you are depressed you shouldn't be in C major!" - Rick Beato

vrijdag 20 juni 2003 @ 10:29:19 #14

markvleth

@Litpho
True, ik heb verkeerd gelezen, my mistake

vrijdag 20 juni 2003 @ 11:39:35 #15

yootje

quote:
Op vrijdag 20 juni 2003 10:29 schreef markvleth het volgende:
@Litpho
True, ik heb verkeerd gelezen, my mistake

vrijdag 20 juni 2003 @ 14:33:38 #16

yootje

*voorzichtig schopje

vrijdag 20 juni 2003 @ 17:16:54 #17

yootje

quote:
Op vrijdag 20 juni 2003 14:33 schreef yootje het volgende:
*voorzichtig schopje

vrijdag 20 juni 2003 @ 18:19:18 #18

Aaargh!

Gebruik op eigen risico.

quote:
Op vrijdag 20 juni 2003 10:15 schreef yootje het volgende:
[..]
Ik heb nu dit:
code:
<form onSubmit="data.value = document.getElementByID('iView').innerHTML;" />
<input type="hidden" name="data">
<input type="submit" value="Verstuur">
</form>
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.
PHP is veel makkelijker als Javascript
* yootje schaamt zich een beetje

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>

It is impossible to live a pleasant life without living wisely and well and justly.
And it is impossible to live wisely and well and justly without living a pleasant life.

vrijdag 20 juni 2003 @ 18:20:17 #19

Aaargh!

Gebruik op eigen risico.

Wat trouwens erg handig werkt bij dit soort dingen is Mozilla firebird (of een andere mozilla) installeren en dan naar de errors in de javascript console kijken (tools -> javascript console)

It is impossible to live a pleasant life without living wisely and well and justly.
And it is impossible to live wisely and well and justly without living a pleasant life.

vrijdag 20 juni 2003 @ 19:04:58 #20

yootje

quote:
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>

Dit werkt niet. Het lijkt erop dat de pagina gewoon refresht.

vrijdag 20 juni 2003 @ 19:10:05 #21

Aaargh!

Gebruik op eigen risico.

quote:
Op vrijdag 20 juni 2003 19:04 schreef yootje het volgende:
[..]
Dit werkt niet. Het lijkt erop dat de pagina gewoon refresht.

d'r zat een typefout in die code, heb je die gecorrigeert ?
Wat meld de javascript console ?

It is impossible to live a pleasant life without living wisely and well and justly.
And it is impossible to live wisely and well and justly without living a pleasant life.

vrijdag 20 juni 2003 @ 19:38:44 #22

yootje

quote:
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 ?

Ik heb geen typfout gecorrigeerd, welke is dat dan?

En de Javascript Console zegt niks.

vrijdag 20 juni 2003 @ 20:13:31 #23

Litpho

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>

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.

"If you are depressed you shouldn't be in C major!" - Rick Beato

vrijdag 20 juni 2003 @ 21:35:30 #24

yootje

quote:
Op vrijdag 20 juni 2003 20:13 schreef Litpho 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>
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.

Nog steeds niks.

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.

vrijdag 20 juni 2003 @ 22:25:29 #25

yootje

quote:
Op vrijdag 20 juni 2003 09:19 schreef sop het volgende:
zoiets?
http://www11.brinkster.com/jvwlive/foktest.htm
Als je wilt kan ik de HTML (i.c.m. hele simpele ASP) source plaatsen.

Ik zag je post helemaal over het hoofd!

Als je wilt, graag.

Forum Opties
Forumhop:
Hop naar:	(afkorting, bv 'KLB')

» digital corner

» digital corner