Toon posts:

[js] execCommand pas plaatje na selectie :?

Pagina: 1

Acties:

41 views sinds 30-01-2008
Reageer

dinsdag 9 juli 2002 12:06

Acties:

BierPul

2 koffie graag

Topicstarter

Ik heb de volgende code in mn editortje (even een beknopte test versie)

code:

<html>
    <head>
        <script>
        function makesmile1() { document.execCommand("InsertImage", false, "http://gathering.tweakers.net/global/smileys/smile.gif"); }
        </script>
    </head>
<body>

    <table>
        <tr>
        <td class="maintext" colspan="11"><div contenteditable id="dediv" class="divfield" style="width:400px; height:250px; border:1px solid #000000;"></div></td>
        </tr>

        <tr>
        <td class="maintext" width="75"><a href="javascript:makesmile1()">[img]"http://gathering.tweakers.net/global/smileys/smile.gif"[/img]</a></td>
        </tr>
    </table>
</body>
</html>

Een heel irritant ding is dat als ik ik de functie aanroep er niets gebeurt.

Pas als ik tekst selecteer en de functie aanroep wordt de geselecteerde tekst vervangen door de image.

Doe ik iets fout , want ik doe het volgens mij exact volgens de regels

Ik doe het dus volgens de regels

"Overwrites an image on the text selection"

Is dit niet te omzeilen

Ja man

dinsdag 9 juli 2002 12:37

Acties:

Verwijderd

Heb je me antwoord hier wel gelezen?

Check dit:

code:

<html>
    <head>
        <script>
        function makesmile1() 
        {
         dediv.insertAdjacentHTML("afterBegin", "[img]'http://gathering.tweakers.net/global/smileys/smile.gif'[/img]"); 
        }
        </script>
    </head>
<body>
    <table>
        <tr>
        <td class="maintext" colspan="11"><div contenteditable id="dediv" class="divfield" style="width:400px; height:250px; border:1px solid #000000;"></div></td>
        </tr>

        <tr>
        <td class="maintext" width="75"><a href="javascript:makesmile1()">[img]"http://gathering.tweakers.net/global/smileys/smile.gif"[/img]</a></td>
        </tr>
    </table>
</body>
</html>

Geen gelazer met selecties enzo..

dinsdag 9 juli 2002 12:42

Acties:

BierPul

2 koffie graag

Topicstarter

Thnx Lennert,

Ik was vergeten dat topic in HotTopic te mikken

Ik ga er ff naar kijken.

1 ding valt me wel op hij zet de smile neer aan het begin van de div ookal staan er 3 regels tekst

eeeehmmm lama staat in je post

Ja man

dinsdag 9 juli 2002 13:03

Acties:

BierPul

2 koffie graag

Topicstarter

Ik zal wel heel stom zijn hoor

Maar toch snap ik het niet

http://msdn.microsoft.com/workshop/samples/browser/webediting/onepageeditor.htm

ALs je daar kijkt dan lukt wel wel maar maak ik een eigen versie die de functie vanuit een link dan doet ie het niet

klik hier voor mijn versie

[opgelost]
unselectable="on" moest in de image tag dan is het gefixed

[opgelost]

Ja man

dinsdag 9 juli 2002 13:22

Acties:

Verwijderd

[opgelost]
unselectable="on" moest in de image tag dan is het gefixed
[opgelost]

Beter!

Mijn oplossing was dan ook eigenlijk meer een antwoord op je eerdere vraag, hoe je afbeeldingen eigenschappen kan meegeven via een functie.

Reageer