CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede hybrid Nybegynder
05. september 2001 - 00:23 Der er 12 kommentarer og
1 løsning

Stylesheet og Microsoft DHTML Editing Component


Jeg har et edit component tbContentElement. Nu vil jeg gerne inkludere
et stylesheet.
idContent = document.forms[0].tbContentElement;
idContent.DocumentHTML = document.forms[0].subcontent.value;


Jeg har forsøgt med,
idContent.document.styleSheet = \"/default.css\";
det virkkede ikke :-(

Nogen der her et bud
Avatar billede olebole Juniormester
05. september 2001 - 01:04 #1
<ole>
Hvis du bruger en <iframe> i stedet for dit textarea, kan du skrive det i head\'en i det dokument, du loader i den <iframe>.
/mvh
</bole>
Avatar billede olebole Juniormester
05. september 2001 - 01:23 #2
Du kan også prøve med noget:
  idContent.document.createStyleSheet(\'dit_style_sheet.css\');
eller:
  idContent.createStyleSheet(\'dit_style_sheet.css\');
...men jeg tvivler på, du får det til at virke i et formfelt.
/mvh

Avatar billede olebole Juniormester
05. september 2001 - 01:30 #3
Måske noget:
  var bla = \'<style type=\"text/css\">\\n\'
          + \'.body{font-family:verdana;color:#ff0000;}\\n\'
          + \'</style>\\n\';
  idContent.document.body.insertAdjacentHTML(\"beforeBegin\",bla);
...???
Avatar billede hybrid Nybegynder
05. september 2001 - 11:54 #4
Jeg bruger ikke testarea, hvis gør det nogen forskel.Når jeg bruger dContent.document.createStyleSheet(\'dit_style_sheet.css\'); så tilføjer den stylesheet til dokumentet og ikke til editoren

<OBJECT style=\"Z-INDEX: 1\" class=tbContentElement  id=tbContentElement codeBase=/application/activex/DHTMLED.CAB#Version=6,1,0,8243 classid=clsid:2D360201-FFF5-11D1-8D03-00A0C959BC0A width=550 height=400>
<PARAM NAME=\"Scrollbars\" VALUE=\"true\">
<PARAM NAME=\"UseDivOnCarriageReturn\" VALUE=\"true\">
</OBJECT>
Avatar billede olebole Juniormester
05. september 2001 - 12:21 #5
Okay...så er det Active-X versionen, du bruger? Den har jeg ikke meget erfaring med. Prøv at loade et dokument ind i dit \'tbContentElement\', som ser sådan ud:
<html>
<head>
  <link rel=\"stylesheet\" href=\"dit_style_sheet.css\">
</head>
<body>
</body>
</html>

/mvh
Avatar billede hybrid Nybegynder
05. september 2001 - 12:38 #6
Det har jeg prøvet men det virker det ikke. Jeg har også en funktion som gør at man kan redigere i html og ikke wysiwyg. Derfor er idContent.document.createStyleSheet(\"/default.css\"); at fortrække. Det ser også ud som om det virker. Det er bare ikke editoren som det tilføjer stylesheet til men det html dokument som editoren er i.

idContent = document.forms[0].tbContentElement;
idContent.DocumentHTML = document.forms[0].subcontent.value;

<textarea name=\"subcontent\" ID=subcontent style=\"display:none;\" >
    <html><head><link rel=\"stylesheet\" type=\"text/css\" href=\"/default.css\"></head><body>

        {bodyhtml}

    </body></html>
</textarea>
Avatar billede olebole Juniormester
05. september 2001 - 12:52 #7
Hvad med den, jeg skrev i: 05/09 2001 01:30:33?
Eller måske noget:
  TextRange.pasteHTML(\'<link rel=\"stylesheet\" type=\"text/css\" href=\"/default.css\">\');
...?
Avatar billede hybrid Nybegynder
05. september 2001 - 13:26 #8
Kan man ikke gøre noget i den her stil ?
idContent.DOM.head.innerHTML = \'<link rel=\"stylesheet\" type=\"text/css\" href=\"/default.css\">\';
Avatar billede olebole Juniormester
05. september 2001 - 14:14 #9
Det er dig, der har dokumentet liggende og kan teste  :O)
Avatar billede hybrid Nybegynder
05. september 2001 - 16:55 #10
Nu har jeg lagt lidt kode online i håb om et det kan være til hjælp.

Det som nu er det helt store problem er at
idContent.document.createStyleSheet(\"default.css\");

tilføjer godt nok et stylesheet, bare ikke til edit kontrollen med i stadet til den side hvor i den er.


Eks. 1 viser edit kontrollen hvor man kan se at den ikke har fået tilføjet noget stylesheet.
http://www.rustmark.com/spm/105956/default.htm

eks. 2 viser siden hvor man kan se effekten af stylesheet
http://www.rustmark.com/spm/105956/default2.htm
Avatar billede hybrid Nybegynder
05. september 2001 - 18:39 #11
Har fået det til at virke med denne har kode.
idContent.DocumentHTML=\"<BASE HREF=\\\"http://dev.rustmark.com/\\\"> <link rel=\\\"stylesheet\\\" type=\\\"text\\/css\\\" href=\\\"default.css\\\">\" + document.forms[0].subcontent.value;

Så det var bare stien den var galt med :-(
Avatar billede hybrid Nybegynder
05. september 2001 - 18:40 #12
Tak til olebole for dit arbejde :-)
Avatar billede olebole Juniormester
05. september 2001 - 18:45 #13
...anytime  :)
Det var da også lidt af en nød!  =0)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
Returner ikke alt Af ingeman i JavaScript 13 26/06/202414:40 01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript 4 24/06/202422:50 26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript 6 04/06/202416:23 05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript 4 21/05/202417:19 22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript 2 05/05/202415:37 05/05/202416:25
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 00:30 Fejl i Ark Af Morten_Jepsen i Excel
06/0716:56 Kan min mobil hackes Af SBS i Mobiltelefoner
06/0712:56 Forskellige billeder til forskellige skærme ? Af snedker1 i Mac
06/0711:56 Om brug af funktionen sumprodukt Af Erik R i Excel
05/0722:41 Hjælp til at skrive opgave Af Needhelp i Småopgaver
White papers
Flere white papers »


Premium
Teaser billede
Dynamics-kæmpen Cepheo leverer røde tal i første regnskab som selvstændigt selskab
Læs mere »
IBM-direktør efter blodrødt regnskab: “Vi er godt på vej ud af det stormvejr, som ramte os i 2023”
Stiftere overvejer at gøre Flatpay til en bank – krav om compliance er en stopklods
Rejsekort reducerer kraftigt den tid, som selskabet vil beholde dine lokationsdata i: Vil nu slette dem efter få måneder
Se alle »
Computerworld
Teaser billede
Test: Endelig en skærm der er god til alt - lige fra gaming og underholdning til kontorbrug
Læs mere »
I dag træder nye de regler om registrering af din arbejdstid i kraft: Er du klar?
700.000 Linux-systemer kan været truet af ny alvorlig sårbarhed
Wordperfect-stifteren Bruce Bastian er død: Han revolutionerede tekstbehandlingen, men tabte slaget til Microsoft
Se alle »
CIO
Teaser billede
I dag træder nye de regler om registrering af din arbejdstid i kraft: Er du klar?
Læs mere »
Russisk hack af Microsoft er meget større end først antaget
Halter mange år bagefter: Langsom software-udvikling udfordrer kæmpe digitalt løft af Billund Lufthavn
Efter forbud fra Datatilsynet: Nu ændres data-håndteringen i din kørekort-app
Se alle »
Job & Karriere
Teaser billede
Bo solgte sit software-system for et treciftret millionbeløb: Brugte pengene på at købe 80 medarbejdere til ny storsatsning
Læs mere »
Norlys skal splittes op i fem selskaber: Nu bliver flere ansatte og ledere fyret
Dansk top-profil trækker sig fra Microsoft: Skal være direktør i TDC Erhverv
IBM Danmark skifter ud i sin øverste ledelse - her er den nye direktion
Se alle »
White paper
Teaser billede
MDR: Transparent sikkerhed og overvågning i realtid
Læs mere »
Guide: Sådan udvikler du en moderne netværksstrategi
Det behøver ikke at gøre ondt: Sådan gør du livet lettere for kunder med multicloud
Sådan får du overblik og beskytter dine cloudapplikationer
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »