Jump to content

Archived

This topic is now archived and is closed to further replies.

Ldfa

Aide pour intégrer yowindow.com dans MaxthonStartPage

Recommended Posts

Je souhaiterais avoir le bloc météo de yowindow.com dans le Plugin MaxthonStartPage de Neo101, à la place de l'affichage météo intégré à ce Plugin. :lol2:

 

En fait, je suis arrivé à afficher le bloc yowindow.com, mais pas au bon endroit, il s'affiche en haut à gauche de la fenêtre. De plus, ce serait sympa de pouvoir le déplacer comme les bloc de flux RSS sur la page de démarrage.:censored:

 

J'ai modifié la fonction writeWeather() qui se trouve dans le fichier script\MaxthonStartPageScript.js pour pouvoir afficher le bloc, mais mes connaissances javascript étant proche de 0, je n'ai pas pu faire mieux. blush.png

 

Si un développeur JS connaissant les Plugins de Maxthon pouvait me filer un coup de main, ce serait vraiment très sympa.:censored:

Share this post


Link to post
Share on other sites

Bonsoir

 

Si un développeur JS connaissant les Plugins de Maxthon pouvait me filer un coup de main, ce serait vraiment très sympa.:censored:

 

Je connais assez bien le javascript puisque je pratique ça tous les jours blush.png mais par contre je ne connais pas l'implémentation des plugins de Max, mais si je peux aider ..... avec Dixours qui lui connait la partie plugin.

 

A+

Share this post


Link to post
Share on other sites

Le fichier xml contient en gros le fichier online.js que j'avais modifié et l'objet flash (à la fin) que tu as intégré au portail !

 

A mon avis, tu as tout intérêt à avoir ta météo localisée manuellement et non automatiquement. Voici tout simplement le code HTML permettant d'integrer dans une page la météo d'une ville définie (j'ai laissé les balises body).

 

<body>
<object type="application/x-shockwave-flash" data="[url="http://swf.yowindow.com/wimo/hpPal/hpPal.swf"]http://swf.yowindow.com/wimo/hpPal/hpPal.swf[/url]" width="766" height="441">
<param name="movie" value="<A href="http://swf.yowindow.com/wimo/hpPal/hpPal.swf"/">http://swf.yowindow.com/wimo/hpPal/hpPal.swf"/>
<param name="allowfullscreen" value="true"/>
<param name="wmode" value="opaque"/>
<param name="bgcolor" value="#FFFFFF"/>
<param name="flashvars" 
value="location_id=gn:2990189&time_format=24&unit_system=metric&lang=fr&background=#FFFFFF&mini_momentBar=true"/>
Weather widget requires the free Adoble Flash Player which you can <a href="[url="http://get.adobe.com/flashplayer/"]http://get.adobe.com/flashplayer/">download[/url] here</a>.
</object>
</body>

 

Il faut modifier

value="location_id=gn:2990189

par le code gn de ta ville (à récupérer sur yowindow.com)

 

Ensuite, pour le javascript qui permet de bouger le bloc, je vais jeter un coup d'oeil car je n'ai pas le Plugin MaxthonStartPage de Neo101. Je vais l'installer pour comprendre de quoi tu parles.

Je ferai appel à ricouz car moi je bidouille mais ce n'est pas mon domaine comme lui blush.png

 

Ca t'aide ce que j'ai écrit ou je suis à côté de la plaque ?

Share this post


Link to post
Share on other sites
Ensuite, pour le javascript qui permet de bouger le bloc, je vais jeter un coup d'oeil car je n'ai pas le Plugin MaxthonStartPage de Neo101. Je vais l'installer pour comprendre de quoi tu parles.

 

Et en plus j'ai regardé le javascript dans le cdata et bonjour le travail, il est limite obfusqué, c'est à dire qu'il faut se le palucher à la main pour le remettre en forme pour arriver à comprendre quelque chose.

En général c'est ce que l'on fait lorsque l'on veut camoufler un peu le code. blush.png

Share this post


Link to post
Share on other sites
Finalement en l'ouvrant avec wordpad le javascript devient lisible ouf :censored:

 

Ouais mais ça reste un joyeux bordel quand même !! On va bien s'amuser pour ajouter un bloc !!

Moi je crois que ça dépasse complètement mes compétences.... Sur le papier, il suffit d'ajouter l'objet flash que j'ai posté ci-dessus, mais en pratique... blush.png Je ne sais même pas par quel bout commencer !!

 

Tu le sens comment le truc toi ricouz ?

Share this post


Link to post
Share on other sites

J'ai parcouru le javascript en vitesse, il me semble qu'il permet de récupérer les infos de configuration pour les appliquer au plugin.

 

Dans le javascript il y a déjà un objet flash intégré, dans la div pal_place, c'est lui que vous voulez remplacer ?

Share this post


Link to post
Share on other sites

Dans un 1er temps, on peut faire très simple, en intégrant seulement le code HTML proposé par Dixours dans le code js du Plugin MaxthonStartPage. Ce que je ne suis pas arrivé à comprendre, c'est où et comment positionner un bloc avec le Plugin.

 

Si on prends l'exemple de la Weather bar du Plugin, dans le fichier MaxthonStartPageScript.js, ligne 317, on a la fonction writeWeather() qui permet d'afficher la barre météo d'origine. Le code est :

 

function writeWeather(){
var text = '';
for(var i=1; i<=NUMBER_OF_FORECASTS; i++){
 text +=
  '<div id="weatherDiv'+i+'" style="position:absolute">'+
'<div id="weatherDataDiv" class="weather-main">'+
 '<h4>'+
  translate('WeatherLoading')+
 '</h4>'+
'</div>'+
  '</div>'
}
document.write(text)
}

Je ne sais pas interpréter les div id, je suppose qu'il s'agit de la position de la météo de chaque jour ?

 

Si je remplace le code HTML dans text par celui de Dixours, j'ai le bloc yowindow.com qui s'affiche, mais en position 0,0, car je ne sais pas comment positionner un bloc dans le Plugin. Je ne sais pas si je suis très clair ? blush.png

Share this post


Link to post
Share on other sites

Bizarrement, quand j'intègre une div avec du flash au fichier start.htm, la page n'arrive pas à finir de charger...

Par contre aucun problème avec du texte...

 

Là où je le verrai bien, c'est ici, à la place des favoris récemment visités (à activer dans la config) :

<div id="recentDiv">

 

Ce qui donnerai un truc du style (dans le fichier start.htm) :

 

<div id="recentDiv">

 <object type="application/x-shockwave-flash" data="[url="[url="http://swf.yowindow.com/wimo/hpPal/hpPal.swf%22]http://swf.yowindow.com/wimo/hpPal/hpPal.swf"]http://swf.yowindow.com/wimo/hpPal/hpPal.swf"]http://swf.yowindow.com/wimo/hpPal/hpPal.swf[/url[/url]]" width="766" height="441">
<param name="movie" value="<A href="[url="http://swf.yowindow.com/wimo/hpPal/hpPal.swf%22/%22%3Ehttp://swf.yowindow.com/wimo/hpPal/hpPal.swf%22/"]http://swf.yowindow.com/wimo/hpPal/hpPal.swf"/">http://swf.yowindow.com/wimo/hpPal/hpPal.swf"/[/url]>
<param name="allowfullscreen" value="true"/>
<param name="wmode" value="opaque"/>
<param name="bgcolor" value="#FFFFFF"/>
<param name="flashvars" 
value="location_id=gn:2990189&time_format=24&unit_system=metric&lang=fr&background=#FFFFFF&mini_momentBar=true"/>
Weather widget requires the free Adoble Flash Player which you can <a href="[url="[url="http://get.adobe.com/flashplayer/%22]http://get.adobe.com/flashplayer/%22%3Edownload[/url"]http://get.adobe.com/flashplayer/"]http://get.adobe.com/flashplayer/">download[/url][/url] here</a>.
</object>

</div>

 

Pourquoi ne pas créer une nouvelle div ? Tout simplement car je me dis que celle-ci est déjà paramétrée pour le drag&drop (pour être déplacée).

Share this post


Link to post
Share on other sites

J'ai trop bidouillé, j'ai plus rien qui marche :censored:

Je réinstalle le plugin :lol2:

 

Ldfa, je viens de lire ton dernier message. Je pense que ta solution est la plus simple en effet. blush.png

 

Dès que j'ai un peu de temps, je regarde les références aux div que tu cites :censored: Ce doit être déclaré ailleurs.

Share this post


Link to post
Share on other sites
:censored: .... Je ne le vois pas le div pal_place, il est dans quel fichier .js ricouz ? J'en suis à me demander si je bosse sur le bon plugin blush.png

 

Dans le lien du fichier xml qu'a donné Ldfa, c'est ce code là que j'ai analysé. C'est peut-être moi qui n'analyse pas le bon.

Share this post


Link to post
Share on other sites
Dans un 1er temps, on peut faire très simple, en intégrant seulement le code HTML proposé par Dixours dans le code js du Plugin MaxthonStartPage. Ce que je ne suis pas arrivé à comprendre, c'est où et comment positionner un bloc avec le Plugin.

 

Si on prends l'exemple de la Weather bar du Plugin, dans le fichier MaxthonStartPageScript.js, ligne 317, on a la fonction writeWeather() qui permet d'afficher la barre météo d'origine. Le code est :

 

function writeWeather(){
var text = '';
for(var i=1; i<=NUMBER_OF_FORECASTS; i++){
 text +=
  '<div id="weatherDiv'+i+'" style="position:absolute">'+
'<div id="weatherDataDiv" class="weather-main">'+
 '<h4>'+
  translate('WeatherLoading')+
 '</h4>'+
'</div>'+
  '</div>'
}
document.write(text)
}

Je ne sais pas interpréter les div id, je suppose qu'il s'agit de la position de la météo de chaque jour ?

 

Si je remplace le code HTML dans text par celui de Dixours, j'ai le bloc yowindow.com qui s'affiche, mais en position 0,0, car je ne sais pas comment positionner un bloc dans le Plugin. Je ne sais pas si je suis très clair ? blush.png

 

Pour expliquer la boucle, en fait on concatène à la variable text autant de div que de NUMBER_OF_FORECASTS et chaque div aura comme id weatherDivN n étant le compteur de la boucle

et entre les h4 on aura le résultat de la fonction translate("weatherLoading") ce qui est bizarre puisque le paramètre de cette fonction ne change pas.

Share this post


Link to post
Share on other sites
Dans un 1er temps, on peut faire très simple, en intégrant seulement le code HTML proposé par Dixours dans le code js du Plugin MaxthonStartPage. Ce que je ne suis pas arrivé à comprendre, c'est où et comment positionner un bloc avec le Plugin.

 

Si on prends l'exemple de la Weather bar du Plugin, dans le fichier MaxthonStartPageScript.js, ligne 317, on a la fonction writeWeather() qui permet d'afficher la barre météo d'origine. Le code est :

 

function writeWeather(){
var text = '';
for(var i=1; i<=NUMBER_OF_FORECASTS; i++){
 text +=
  '<div id="weatherDiv'+i+'" style="position:absolute">'+
'<div id="weatherDataDiv" class="weather-main">'+
 '<h4>'+
  translate('WeatherLoading')+
 '</h4>'+
'</div>'+
  '</div>'
}
document.write(text)
}

Je ne sais pas interpréter les div id, je suppose qu'il s'agit de la position de la météo de chaque jour ?

 

Si je remplace le code HTML dans text par celui de Dixours, j'ai le bloc yowindow.com qui s'affiche, mais en position 0,0, car je ne sais pas comment positionner un bloc dans le Plugin. Je ne sais pas si je suis très clair ? blush.png

 

Pour expliquer la boucle, en fait on concatène à la variable text autant de div que de NUMBER_OF_FORECASTS et chaque div aura comme id weatherDivN n étant le compteur de la boucle

et entre les h4 on aura le résultat de la fonction translate("weatherLoading") ce qui est bizarre puisque le paramètre de cette fonction ne change pas.

En fait les div sont créées dynamiquement, donc tout dépend du moment ou la fonction est appelée

Share this post


Link to post
Share on other sites
Bizarrement, quand j'intègre une div avec du flash au fichier start.htm, la page n'arrive pas à finir de charger...

Par contre aucun problème avec du texte...

 

Là où je le verrai bien, c'est ici, à la place des favoris récemment visités (à activer dans la config) :

 

 

Ce qui donnerai un truc du style (dans le fichier start.htm) :

 

<div id="recentDiv">

 <object type="application/x-shockwave-flash" data="[url="[url="http://swf.yowindow.com/wimo/hpPal/hpPal.swf%22]http://swf.yowindow.com/wimo/hpPal/hpPal.swf"]http://swf.yowindow.com/wimo/hpPal/hpPal.swf"]http://swf.yowindow.com/wimo/hpPal/hpPal.swf[/url[/url]]" width="766" height="441">
<param name="movie" value="<A href="[url="http://swf.yowindow.com/wimo/hpPal/hpPal.swf%22/%22%3Ehttp://swf.yowindow.com/wimo/hpPal/hpPal.swf%22/"]http://swf.yowindow.com/wimo/hpPal/hpPal.swf"/">http://swf.yowindow.com/wimo/hpPal/hpPal.swf"/[/url]>
<param name="allowfullscreen" value="true"/>
<param name="wmode" value="opaque"/>
<param name="bgcolor" value="#FFFFFF"/>
<param name="flashvars" 
value="location_id=gn:2990189&time_format=24&unit_system=metric&lang=fr&background=#FFFFFF&mini_momentBar=true"/>
Weather widget requires the free Adoble Flash Player which you can <a href="[url="[url="http://get.adobe.com/flashplayer/%22]http://get.adobe.com/flashplayer/%22%3Edownload[/url"]http://get.adobe.com/flashplayer/"]http://get.adobe.com/flashplayer/">download[/url][/url] here</a>.
</object>

</div>

 

Pourquoi ne pas créer une nouvelle div ? Tout simplement car je me dis que celle-ci est déjà paramétrée pour le drag&drop (pour être déplacée).

 

Il y a un truc qui me parait bizare dans l'object c'est dans la partie data tu as un double [url="[url ça c'est bizarre au niveau syntaxe même s'ils sont bien fermés par un double [/url

 

c'est peut-être pour cela que la page ne se charge pas complètement.

Share this post


Link to post
Share on other sites

Ou peut-on le trouver ce plugin MaxthonStartPage, si j'ai un peu de courage blush.png je regarderais le code.

 

Vous avez remarqué le conditionnel wacko.png, je viens de me taper un jour et demi de débogage sur un script en asp pour m'apercevoir que c'était les données analysées par le script qui étaient pourries.

 

:lol2::censored: :censored:

 

Ldfa, à priori les positions des div sont définies dans le fichier position.js

 

Bon si j'ai bien compris ce que tu voulais faire, je pense que dans la page start.htm il faut invalider l'appel à writeWeather et faire comme disait Dixours, intégrer la div contenant le flash.

Je n'ai pas le courage de tester mais ça devrait donner un truc du style

<script type="text/javascript">
writeFeeds();
writeWeather();
preloadFeedsWeather();
</script>

 

ça c'est le code d'origine

à remplacer par

 

 

<div id= "weatherDiv" >
<object type="application/x-shockwave-flash" data="[url="http://swf.yowindow.com/wimo/hpPal/hpPal.swf"]http://swf.yowindow.com/wimo/hpPal/hpPal.swf[/url]" width="766" height="441">
<param name="movie" value="<A href="http://swf.yowindow.com/wimo/hpPal/hpPal.swf"/">http://swf.yowindow.com/wimo/hpPal/hpPal.swf"/>
<param name="allowfullscreen" value="true"/>
<param name="wmode" value="opaque"/>
<param name="bgcolor" value="#FFFFFF"/>
<param name="flashvars" 
value="location_id=gn:2990189&time_format=24&unit_system=metric&lang=fr&background=#FFFFFF&mini_momentBar=true"/>
Weather widget requires the free Adoble Flash Player which you can <a href="[url="http://get.adobe.com/flashplayer/"]http://get.adobe.com/flashplayer/">download[/url] here</a>.
</object>
</div>

 

 

A+

Share this post


Link to post
Share on other sites

Bon il doit y avoir une blush.png dans ce que j'ai fait car j'ai un message d'erreur. il me dit que je n'ai pas flash player ??????

 

bon j'ai trouvé j'avais oublié la fermeture de la div, mais ça ne fonctionne pas. Il faut creuser un peu plus

Share this post


Link to post
Share on other sites

Bon si personne ne trouve avant demain, je tenterai de prendre un moment demain au boulot avec mes outils de développement car wordpad c'est pas terrible pour développer.

Il y a surement une modification à effectuer également dans MaxthonStartPageScript.js car au chargement de la page il y a un test qui est effectué sur PRELOAD_FEEDS_AND_WEATHER qui peut lancer 2 fonctions par settimeout.

 

 

Bonne soirée

Share this post


Link to post
Share on other sites

wacko.png à tous les 2, mais j'ai bien peur que vous alliez trop vite pour moi. :lol2:

 

Je pense qu'il faut faire quelque chose de très simple dans un 1er temps. Par contre, il faudra surement créer un nouveau type de bloc avec les paramètres de position correspondant si on veut faire quelque chose de bien.:censored:

 

pour les balises url rajoutées dans le code, c'est sans doute IP.Board qui les rajoute par erreur. J'ai vu qu'il y avait pas mal d'erreur de ce type là avec la version actuelle. blush.png

 

Je vais essayer 2 ou 3 trucs avant de dormir, je vous en dis plus avant demain matin.:censored:

Share this post


Link to post
Share on other sites

Ca marche, il n'y a que quelques ajustements à réaliser. J'arrive à déplacer le bloc où je veux, sauf qu'il est un peu trop grand, mais je pense pouvoir trouver la solution. :censored:

 

Voici le code que j'ai modifié dans le fichier start.htm : start.htm

 

PS : Je n'affiche pas le code html dans le message car les URL sont interprétées en bbcode même si elles se trouvent dans un bbcode

, gros bug d'IP.Board 2.3 !!! blush.png

Share this post


Link to post
Share on other sites

Bon, après plusieurs essais, voici le code du fichier start.htm modifié pour intégrer le bloc météo yowindow.com à la place des favoris récemments visitées, qui ne fonctionne pas sur la v2. blush.png

 

PS : Pense à aller dormir Dixours, moi je suis en vacances.:censored:

Share this post


Link to post
Share on other sites

J'ai pigé pourquoi tout ce que je faisais ne marchait pas !!! Tant que le plugin n'est pas dans Program Files, le lancement de Start.htm avec du flash fonctionne parfaitement. Mais dès lors que je lance Start.htm à partir de C:/Program%20Files/Maxthon2/Plugin/MaxthonStartPage/start.htm ça ne fonctionne plus et je n'ai plus la météo !!

 

Vista (ou Maxthon ?) m'interdit certaines exécutions si le plugin est dans Program Files. Et moi comme un couillon je pensais que c'était mes lignes de codes.

 

Ton fichier Start.htm Ldfa, par exemple, donne un résultat prometteur exécuté sur le bureau, mais ne donne rien du tout si je le mets dans file:///C:/Program%20Files/Maxthon2/Plugin/MaxthonStartPage/start.htm

 

Je vais essayé de bosser sur un fichier sur le bureau et je vous le soumettrai. blush.png

Share this post


Link to post
Share on other sites

La suite, pour demain ou après-demain, car j'ai une journée chargée, même si je suis en vacance, c'est d'utiliser les dimensions du bloc qui sont définies dans le fichier de configuration plutôt qu'en dur, puis ensuite, mais là y a du boulot, c'est de pouvoir sélectionner le code correspondant à la station météo que l'on souhaite, un peu comme dans le script IGoogle donné plus haut.blush.png

 

PS : Il n'y a pas d'urgence, mais je pense que cette nouvelle fonctionnalité pourrait relancer ce Plugin qui est vraiment très intéressant.:censored:

Share this post


Link to post
Share on other sites

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.