Avatar billede bavingo Nybegynder
09. august 2009 - 21:39 Der er 7 kommentarer og
1 løsning

Indsætte openWYSIWYG i jQuery

Jeg sidder med et problem der giver mig grå hår på hovedet. Jeg er ved at lave et artikelsystem, hvor jeg har valgt at bruge jQuery accordion:

http://jqueryui.com/demos/accordion/#no-auto-height

Samt openWysiwg:

http://openwebware.com

Problemet fremkommer når jeg vil indsætte openWYSIWYG i en section i jQuery Accordion. Det kan simpelthen ikke lade sig gøre. Det er som om de overskriver nogle funktioner i hinandens js filer.

Min indsættelseskoder virker fint hver for sig.

Er der nogen der har siddet med et lignende problem.
Avatar billede Slettet bruger
09. august 2009 - 21:43 #1
Du kunne prøve jQuery-funktionen jQuery.noConflict();
Så kan du ikke længere bruge $, men skal bruge jQuery i stedet (jQuery('#mitId').hide;), men til gengæld laver jQuery ingen problemer for andre frameworks/toolsets/addons.
Avatar billede bavingo Nybegynder
09. august 2009 - 21:52 #2
Nu er jeg ikke den store javascript haj, også derfor jeg bruger færdige løsninger. Kan du eventuelt komme med et simpelt eksempel?
Avatar billede Slettet bruger
09. august 2009 - 22:38 #3
Følgende indsættes efter referencen til jQuery, men før andre script-tags i head'et:

<script type="text/css">
jQuery.noConflict();
</script>
Avatar billede bavingo Nybegynder
09. august 2009 - 23:01 #4
Jeg har nu indsat den på den ene og den anden måde men min header virker ikke.
Den ser ud som følgende:

[code]
<link type="text/css" href="test/jQuery/development-bundle/themes/base/ui.all.css" rel="stylesheet" />

<script type="text/javascript" src="test/jQuery/development-bundle/jquery-1.3.2.js"></script>
<script type="text/javascript" src="test/jQuery/development-bundle/ui/ui.core.js"></script>
<script type="text/javascript" src="test/jQuery/development-bundle/ui/ui.accordion.js"></script>

<link type="text/css" href="../demos.css" rel="stylesheet" />
<script type="text/javascript">
    jQuery.noConflict();
    $(function() {
        $("#accordion").accordion({
            autoHeight: false
        });
    });
   
</script>

<script language="JavaScript" type="text/javascript" src="test/openwysiwyg/scripts/wysiwyg.js"></script>

<script language="javascript1.2">
    // attach the editor to all textareas of your page.
    WYSIWYG.attach('all');
</script>

[/code]
Avatar billede bavingo Nybegynder
09. august 2009 - 23:09 #5
Ville have skrevet det som kode, men det fungerede åbenbart ikke for godt. Link til systemet:

http://test.minvirksomhed.net/test.php

Der kan koden ses.
Avatar billede Slettet bruger
10. august 2009 - 13:50 #6
    jQuery.noConflict();
    $(function() {


jQuery.noConflict(); sørger for at $ ikke virker, så når noConflict er aktiveret skal du bruge jQuery i stedet for $, som i:

    jQuery.noConflict();
    jQuery(function() {
Avatar billede bavingo Nybegynder
10. august 2009 - 22:29 #7
Det virkede sgu. Jeg takker mange gange, både for løsning og tålmodighed :D

Vil du lægge et svar, så får du lige en omgang velfortjente point.
Avatar billede Slettet bruger
10. august 2009 - 22:44 #8
Her kommer et svar.
Jeg er glad for at det lykkedes for dig til sidst :)
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester