Application web à partir de Dashcode

Voir le sujet précédent Voir le sujet suivant Aller en bas

Application web à partir de Dashcode

Message par August_1 le 1/5/2009, 17:45

Bonjour

Mon problème:
j'ai créé une application web à partir de Dashcode et je voudrai l'insérer dans ma page web, je fais don un fragment HTML, et je mets le fichier HTML dans la boite de dialogue, mais l'application web ne s'affiche pas correctement: j'ai le fond de l'application web mais pas le texte.

Merci de vos réponses Wink

August_1
Nouveau

Messages : 5
Inscription : 01/05/2009 Masculin Age : 22
Localisation : Bordeaux
Version iWeb : A remplir!
Publication : A remplir!

Revenir en haut Aller en bas

Re: Application web à partir de Dashcode

Message par el padre le 1/5/2009, 22:01

bonsoir et bienvenue,

nous pourrions mieux te répondre si tu nous communiquais l'adresse de ton site et le code que tu as utilisé. Merci

-------------------


mon blog: http://web.me.com/blaisecorneloup/equity/
avatar
el padre
iWeb - Modo

Messages : 345
Inscription : 11/04/2008 Age : 36
Localisation : sur mes pieds ou presque
Version iWeb : A remplir!
Publication : Ftp integré

Revenir en haut Aller en bas

CODE

Message par August_1 le 1/5/2009, 22:38

Voici le code HTML:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>Concours à venir</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="minimum-scale=1.0, width=device-width, maximum-scale=1.1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <link rel="stylesheet" href="main.css">
    <link rel="stylesheet" href="Parts/Transitions.css">
    <script type="text/javascript" src="Parts/setup.js" charset="utf-8"></script>
    <script type="text/javascript" src="main.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/Header.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/utilities.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/Transitions.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/StackLayout.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/Browser.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/Text.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/List.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/PushButton.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/ButtonHandler.js" charset="utf-8"></script>
</head>
<body onload="load();">
    <div id="browser">
        <div id="header">
            <div id="back_button" class="back_button_template dashcode-header-backbutton"></div>
        </div>
        <div id="stackLayout">
            <div id="listLevel">
                <ul id="list">
                    <li id="listRowTemplate" class="listRowTemplate_template">
                        <div class="rowTitle_template" id="rowTitle"></div>
                        <div id="rowArrow" class="rowArrow_template"></div>
                    </li>
                </ul>
            </div>
            <div id="detailLevel">
                <div id="detailBox">
                    <div id="topRectangleShape">
                    </div>
                    <div id="detailTitle"></div>
                    <div id="detailLocation"></div>
                    <div id="detailDescription"></div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>

Voici le code Javascript:
Code:

/*
 This file was generated by Dashcode. 
 You may edit this file to customize your widget or web page
 according to the license.txt file included in the project.
 */

var listController = {
    // This object acts as a controller for the list UI.
    // It implements the dataSource methods for the list.
   
    numberOfRows: function() {
        // The List calls this dataSource method to find out how many rows should be in the list.
        return parks.length;
    },
   
    prepareRow: function(rowElement, rowIndex, templateElements) {
        // The List calls this dataSource method for every row.  templateElements contains references to all elements inside the template that have an id. We use it to fill in the text of the rowTitle element.
        if (templateElements.rowTitle) {
            templateElements.rowTitle.innerText = parks[rowIndex].name;
        }

        // We also assign an onclick handler that will cause the browser to go to the detail page.
        var self = this;
        var handler = function() {
            var park = parks[rowIndex];
            detailController.setPark(park);
            var browser = document.getElementById('browser').object;
            // The Browser's goForward method is used to make the browser push down to a new level.  Going back to previous levels is handled automatically.
            browser.goForward(document.getElementById('detailLevel'), park.name);
        };
        rowElement.onclick = handler;
    }
};

var detailController = {
    // This object acts as a controller for the detail UI.
   
    setPark: function(park) {
        this._park = park;
        this._representedObject = park.name;
       
        // When the park is set, this controller also updates the DOM for the detail page appropriately.  As you customize the design for the detail page, you will want to extend this code to make sure that the correct information is populated into the detail UI.
        var detailTitle = document.getElementById('detailTitle');
        detailTitle.innerHTML = this._park.name;
        var detailLocation = document.getElementById('detailLocation');
        detailLocation.innerHTML = this._park.location;
        var detailDescription = document.getElementById('detailDescription');
      detailDescription.innerHTML = this._park.description;
    }
   
};

//
// Function: load()
// Called by HTML body element's onload event when the web application is ready to start
//
function load()
{
    dashcode.setupParts();
}

// Sample data.  Some applications may have static data like this, but most will want to use information fetched remotely via XMLHttpRequest.
var parks = [
    { name: "XXX", location: "XXX" , description: "XXX<br />XXX"},
    { name: "XXX", location: "XXX", description: "XXX<br />XXX"},
    { name: "XXX", location: "XXX", description: "XXX<br />XXX"},
    { name: "XXX", location: "XXX", description: "XXX<br />XXX"},
];

Dans le fragment HTML, je n'ai inséré que le code html et j'ai mis le dossier contenant le code javascript, le code CSS et les images dans le même dossier que le reste de mon site.

August_1
Nouveau

Messages : 5
Inscription : 01/05/2009 Masculin Age : 22
Localisation : Bordeaux
Version iWeb : A remplir!
Publication : A remplir!

Revenir en haut Aller en bas

Re: Application web à partir de Dashcode

Message par koeklin le 1/5/2009, 22:41

En fait, beaucoup de widgets Dashboard ne sont pas transposables sur le net facilement. VVMac avait montré comment mettre un widget dashboard sur un site iweb mais il s'agissait d'un widget simple comme il y en a peu.
J'ai essayé de mettre un widget "flus RSS" que j'avais créé il y a plusieurs mois avec Dashcode, même en modifiant et en déplaçant des fichiers pour un affichage sur le web, ça c'est traduit par un widget vide de son flux RSS.

-------------------
Débutersurmac.com (tutoriels vidéos): 'iWeb (de la version '06 à la version '09) - mon site iWeb (en construction)
Pas d'aide par message privé - merci.
avatar
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Re: Application web à partir de Dashcode

Message par August_1 le 1/5/2009, 23:31

L'application web marche quand je l'ouvre sur une page à part mais elle ne marche pas quand je l'insert dans la page avec iWeb

August_1
Nouveau

Messages : 5
Inscription : 01/05/2009 Masculin Age : 22
Localisation : Bordeaux
Version iWeb : A remplir!
Publication : A remplir!

Revenir en haut Aller en bas

Re: Application web à partir de Dashcode

Message par koeklin le 1/5/2009, 23:39

même en essayant avec un autre navigateur?

-------------------
Débutersurmac.com (tutoriels vidéos): 'iWeb (de la version '06 à la version '09) - mon site iWeb (en construction)
Pas d'aide par message privé - merci.
avatar
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Re: Application web à partir de Dashcode

Message par koeklin le 2/5/2009, 10:49

Quel est le code que entre dans ton widget fragment HTML?

-------------------
Débutersurmac.com (tutoriels vidéos): 'iWeb (de la version '06 à la version '09) - mon site iWeb (en construction)
Pas d'aide par message privé - merci.
avatar
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Re: Application web à partir de Dashcode

Message par August_1 le 3/5/2009, 21:04

koeklin a écrit:même en essayant avec un autre navigateur?
Je viens d'essayer avec Safari Firefox et Opera mais ça ne marche que avec Safari.

koeklin a écrit:Quel est le code que entre dans ton widget fragment HTML?

Le code HTML que j'ai posté:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>Concours à venir</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="minimum-scale=1.0, width=device-width, maximum-scale=1.1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <link rel="stylesheet" href="main.css">
    <link rel="stylesheet" href="Parts/Transitions.css">
    <script type="text/javascript" src="Parts/setup.js" charset="utf-8"></script>
    <script type="text/javascript" src="main.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/Header.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/utilities.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/Transitions.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/StackLayout.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/Browser.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/Text.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/List.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/PushButton.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/ButtonHandler.js" charset="utf-8"></script>
</head>
<body onload="load();">
    <div id="browser">
        <div id="header">
            <div id="back_button" class="back_button_template dashcode-header-backbutton"></div>
        </div>
        <div id="stackLayout">
            <div id="listLevel">
                <ul id="list">
                    <li id="listRowTemplate" class="listRowTemplate_template">
                        <div class="rowTitle_template" id="rowTitle"></div>
                        <div id="rowArrow" class="rowArrow_template"></div>
                    </li>
                </ul>
            </div>
            <div id="detailLevel">
                <div id="detailBox">
                    <div id="topRectangleShape">
                    </div>
                    <div id="detailTitle"></div>
                    <div id="detailLocation"></div>
                    <div id="detailDescription"></div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>

August_1
Nouveau

Messages : 5
Inscription : 01/05/2009 Masculin Age : 22
Localisation : Bordeaux
Version iWeb : A remplir!
Publication : A remplir!

Revenir en haut Aller en bas

Re: Application web à partir de Dashcode

Message par koeklin le 3/5/2009, 21:21

si c'est ce code que tu entres dans un widget HTML, c'est normal que ça ne marche pas.
il faut respecter l'architecture de dossier de ton code .
il faut que dans un même dossier on trouve ta page tapagedecode.html, le dossier Parts et le fichier main.js. et main.css
pour cela:
mets un dossier "documents" à la racine de ton site dedans tu mets ta page html , les fichiers main.js, main.css et le dossier "Parts" .

apres ton adresse pour voir ton application sera du genre
http://www.ton_site.com/documents/tapagedecode.html
si tu essaie ton application à cette adresse sur le net alors
tu pourras essayer de l'intégrer sur ta page iWeb en faisant une iframe
mettre ce code dans un fragment HTML:
Code:
<iframe src="http://www.ton_site.com/documents/tapagedecode.html" width="780" height="600" frameborder="0" />
ça c'est pour largeur de 780px et une hauteur de 600px

-------------------
Débutersurmac.com (tutoriels vidéos): 'iWeb (de la version '06 à la version '09) - mon site iWeb (en construction)
Pas d'aide par message privé - merci.
avatar
koeklin
Membre Pathologique

Messages : 1924
Inscription : 20/10/2007 Localisation : le vexin
Version iWeb : A remplir!
Publication : Ftp integré

http://www.debutersurmac.com/

Revenir en haut Aller en bas

Re: Application web à partir de Dashcode

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut


 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum