Forum PHP.pl > DOJO "instalacja"

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki

umatik

27.04.2010, 17:42:07

pobrałem najnowszą wersję frameworku DOJO i umiescilem 3 katalogi odpowiednio

js/dojo/dojo/...
js/dojo/dijit/...
js/dojo/dojox/...

chciałem wypróbować przykład (http://www.dojotoolkit.org/reference-guide/dijit/layout/TabContainer.html#dijit-layout-tabcontainer) Tabcontainera

[HTML] pobierz, plaintext 
    <script type="text/javascript" src="js/dojo/dojo/dojo.js">
    </script>
    <script type="text/javascript">
        dojo.require("dijit.layout.TabContainer");
        dojo.require("dijit.layout.ContentPane");
    </script>
[HTML] pobierz, plaintext

no i okazuje się ze dojo.js sie nie laduje...

mortus

27.04.2010, 18:36:03

A jesteś pewien, że plik html znajduje się w tym samym katalogu, co katalog js?

umatik

28.04.2010, 00:18:12

przepraszam ale ... heh odwołanie do
....

[HTML] pobierz, plaintext 
 <script type="text/javascript" src="js/dojo/dojo/dojo.js">
[HTML] pobierz, plaintext

...
jest chyba oczywiste ... własnie o to cho ze nie działa....

pliki sa umieszczone w "js/dojo/" ...

pełny kod przykładu:

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr">
 
<head>
<link rel="stylesheet" type="text/css" href="js/dojo/dijit/themes/tundra/tundra.css"
/>
<style type="text/css">
body, html { font-family:helvetica,arial,sans-serif; font-size:90%; }
</style>
</head>
 
<body class=" tundra ">
<div style="width: 350px; height: 300px">
<div dojoType="dijit.layout.TabContainer" style="width: 100%; height: 100%;">
<div dojoType="dijit.layout.ContentPane" title="My first tab" selected="true">
Lorem ipsum and all around...
</div>
<div dojoType="dijit.layout.ContentPane" title="My second tab">
Lorem ipsum and all around - second...
</div>
<div dojoType="dijit.layout.ContentPane" title="My last tab" closable="true">
Lorem ipsum and all around - last...
</div>
</div>
</div>
</body>
<script type="text/javascript" src="js/dojo/dojo/dojo.js">
</script>
<script type="text/javascript">
dojo.require("dijit.layout.TabContainer");
dojo.require("dijit.layout.ContentPane");
</script>
</html>
[HTML] pobierz, plaintext

mortus

28.04.2010, 06:45:34

Ten skrypt wymaga, aby parseOnLoad było włączone. Zatem trzeba odpowiednio skonfigurować dojo

[HTML] pobierz, plaintext 
<script type="text/javascript" src="js/dojo/dojo/dojo.js" djConfig="parseOnLoad: true"></script>
[HTML] pobierz, plaintext

Taka prośba na przyszłość - używaj właściwego BBCode.

umatik

28.04.2010, 08:07:53

dodałem: djConfig="parseOnLoad: true" ...

[HTML] pobierz, plaintext 
<script type="text/javascript" src="js/dojo/dojo/dojo.js" djConfig="parseOnLoad: true">
[HTML] pobierz, plaintext

niestety dalej nie działa....

mortus

28.04.2010, 08:18:46

Spróbuj wykorzystać zasoby Google. Kod skopiowany ze strony, którą podałeś:

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr">
 
    <head>
        <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.4/dijit/themes/tundra/tundra.css"
        />
        <style type="text/css">
            body, html { font-family:helvetica,arial,sans-serif; font-size:90%; }
        </style>
    </head>
 
    <body class=" tundra ">
        <div style="width: 350px; height: 300px">
            <div dojoType="dijit.layout.TabContainer" style="width: 100%; height: 100%;">
                <div dojoType="dijit.layout.ContentPane" title="My first tab" selected="true">
                    Lorem ipsum and all around...
                </div>
                <div dojoType="dijit.layout.ContentPane" title="My second tab">
                    Lorem ipsum and all around - second...
                </div>
                <div dojoType="dijit.layout.ContentPane" title="My last tab" closable="true">
                    Lorem ipsum and all around - last...
                </div>
            </div>
        </div>
    </body>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.4/dojo/dojo.xd.js"
    djConfig="parseOnLoad: true">
    </script>
    <script type="text/javascript">
        dojo.require("dijit.layout.TabContainer");
        dojo.require("dijit.layout.ContentPane");
    </script>
    <!-- NOTE: the following script tag is not intended for usage in real
    world!! it is part of the CodeGlass and you should just remove it when
    you use the code -->
    <script type="text/javascript">
        dojo.addOnLoad(function() {
            if (document.pub) {
                document.pub();
            }
        });
    </script>
 
</html>
[HTML] pobierz, plaintext

Różni się on jedynie tym, że styl i skrypt pobierany jest z zasobów, które udostępnia Google.

umatik

28.04.2010, 08:21:24

no i właśnie w tym sęk leży że docelowo API które che ubrać w dojo nie będzie podłączone do internetu ....

mortus

28.04.2010, 08:47:23

Szczerze powiem, że nie wiem dlaczego to u Ciebie nie działa. U mnie wszystko jest w porządku, co możesz sprawdzić pobierając z internetu projekt i uruchamiając index.html.

EDIT:
Za jedyną przyczynę mogę uznać niewłaściwie zlokalizowane pliki i foldery.

umatik

28.04.2010, 09:00:47

heh nie kumam jak to sie stało zmieniłem na chwile sciezke na http://localhhost/bla bla bla/js/dojo/dojo/dojo.js .. i zadziałało, więc zmieniłem z powrotem na js/dojo/dojo/dojo.js i to też zadziałało

cuda panie...

luki100011

28.04.2010, 11:31:54

odśwież dobrze stronę bo może czyta tobie pliki z cache

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.