Conception d'un module

snypi · 24/10/2011 01:03:04

idée mais je crois que je vais en avoir pour 5 jours à faire ce truc

puisque les div ne peuvent pas être sélectionnable (attention je dis cela car elle le sont mais si on à le malheur de déplacer la div elle prend une position absolute à cause du plugin layer )
et au même titre que l'ancre ou une img aparait juste dans tinymce
il faudrait que l'on est une img pour les zdiapo pour pouvoir les modifiers
(pour l'instant j'arrive juste à insérer le code avec les bonnes variables) mais impossible à éditer de nouveau ou même suprimer

jpg · 24/10/2011 09:21:11

Bonjour Snypi,
maintenant tu vois pourquoi j'ai utilisé une table dans le module "Photoshow" et non une div
Cela peut paraître curieux au premier abord ... mais avec tinymce c'est la solution la plus souple pour l'instant.
a+
Jean-Paul

snypi · 24/10/2011 10:27:31

salut à vous

jpg a écrit :

maintenant tu vois pourquoi j'ai utilisé une table dans le module "Photoshow" et non une div wink

oui
mais je suis pas loin d'avoir une solution :
j'ai une image qui prend la valeur de des largeur et hauteur et float
quand on la sélectionne elle active zdiapo de tinymce mais récup pas la valeur et lorsqu'on la suprime le code php reste
je vous file mon ébauche car je dois allé bosser sur mes cordes !!
module zdiapo ébauche tinymce

bien sur pour activer zdiaporama dans tinymce il faut ajouter zdiaporama à ../zite/tinymce.php ligne 16 et 24

si on peut m'épurer le code qui sert à rien dans \tinymce\plugins\zdiaporama\js\zdiaporama.js je suis preneur

ps mon image "tinymce" n'est pas afficher grace à un display:none rajouté dans le zdiaporama original
affaire à suivre

Dernière modification par snypi (24/10/2011 10:48:33)

Super_chemist · 24/10/2011 11:42:23

Il y a peut être une solution, mais je ne sais pas comment tinymce réagira.

Il faudrait que le plugin tinymce insère ceci dans le html:

<img onload="xxx_startzdiapo()" name="xxx_zdiapo" alt="xxx" src="xxxxxxx">
<?php echo $this->page_module("zdiaporama","ng=xxx&h=256px&w=256px&t=5&float=right")?>
</img>

Et que le module php se contente d'ajouter ce qu'il faut dans le header, mais sans rien ajouter entre les deux balises img... C'est pas compliqué à modifier

Normalement, c'est valide en XHTML, maintenant reste à savoir comment tinymce réagira. J'espère qu'il sera capable de déplacer le couple de balises image, avec son contenu...

Qu'en pensez-vous?

Sinon, il reste la possibilité de faire comme jpg et de mettre une table...

jpg · 24/10/2011 12:42:55

Pour Photoshow, c'était trop limitatif et j'avais abandonné la piste <img>

Mais dans ce cas, c'est peut-être utilisable.

Reste effectivement à savoir comment <img>bla bla </img> est interprété par tinymce car c'est pas vraiment usuel

snypi · 25/10/2011 20:38:38

salut
j'ai essayé le <img>bla bla </img> et lors de l'intégration la balise </img> est virer
comme je rame de trop j'ai décider de prendre des cours
un site sympa que je ne connaissait pas developpez.com
je reviendrais
en tous cas japprends pas mal déja avec vos script merci

snypi · 26/10/2011 07:20:13

help !!!

if (node && node.nodeName == 'IMG' && dom.getAttrib(node,'zzdiapo')

ai-je la bonne traduction ?? si img et que sa class est zzdiapo

jpg · 26/10/2011 09:19:33

snypi a écrit :

help !!!
if (node && node.nodeName == 'IMG' && dom.getAttrib(node,'zzdiapo')
ai-je la bonne traduction ?? si img et que sa class est zzdiapo

Tu vérifies que <img> à un attribut "zzdiapo", i.e, que tu as un html de la forme <img zzdiapo="blabla">

bon courage

snypi · 03/11/2011 19:20:06

ye rame encore
une piste cela ne marche po

	//essai pour effacer la div lors de la supression de l'image
	tinyMCE.dom.remove(){
		var node = ed.selection.getNode();
		if ((node.nodeName == 'IMG') && (node.className == 'zzdiapo')) node=node.parentNode;
		tinyMCE.activeEditor.dom.remove(tinyMCE.activeEditor.dom.select('div'));
	},

jpg · 04/11/2011 18:28:59

Pas trop d'idées.
La gestion des <div> avec tinymce ... c'est un peu compliqué vu coté dev.

snypi · 05/11/2011 00:11:16

salutation

module zdiaporama encore en ébauche tinymce

pour le faire fonctionné installé le module , l'activer et passer le droit d'utilisation à tous le monde
insérer dans une page php le diaporama ne sera pas modifiable à part manuellement

<?php echo $this->page_module("zdiaporama","ng=Rubrique1&h=256&w=256&t=5&float=right")?>

Ou intégrer zdiaporama à tinymce
allez dans zite/tinymce.php (pour rajouter le bouton dans tinymce)
ligne 16 (notepad++, notepad2) code plugins : rajouter ,zdiaporama,

zdiaporama,noneditable,tinybrowser

ligne 24 theme_advanced_buttons4 : rajouter |,zdiaporama,|

theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,photoshow,|,template,|,zdiaporama,|,iespell,spellchecker",

ligne 32 pour que tinymce prene en compte votre diaporama et ne lefface pas à chaque enregistrement rajouter au extended_valid_elements : div[zdiaporama|param|*],

table[photoshow|param|*],div[zdiaporama|param|*],p[*]",

donc on peut ajouter plusieurs diaporama sur la même page mais pas deux fois le même !!

y'a une image qui prend la place visuellement pour rendre sélectable le diaporama
attention pour effacer l'ensemble du diaporama cliquer une fois sur l'image puis double cliquer sur les carrés de sélection car sinon vous n'enlever que l'image
plus facile à effacer que les galleries et en plus l'image de visualisation le dit!

testé sous firefox j'attend vos retour
ps : merci cela ma permis d'apprendre plein de truc en javascript, j'en suis qu'au début du site du zero

amélioration / bug
petit bug décelé lors de la modification du diaporama la largeur récupère la valeur "px" corriger en modifiant le module zdiaporama
bug : lors d'une mise à jours d'un diapo la fenêtre ne se ferme pas (mais les modifications sont prisent en compte) corriger et lien mis à jours
bug : si la rubrique à un espace le diaporama ne fonctionne pas il affiche la première image // @super chemist fait le 08/11/2011
bug : ie, chrome très difficille à éffacer le diaporama | amélioration :création d'un bouton supprimer dans l'affichage de mise à jours du module trop dur j'ai pas le niveau mais j'y pense
faute d'orthograve : merci à super chemist corriger
amélioration : double clic sur l'image pour sélectionné l'ensemble marche sur FF et Chrome bug ie pas possible de supprimer le diaporama il faut faire 2x sup
amélioration : choix du flottement ce fait par sélection dans un menu déroulant || suppression de quelque variable inutile ainsi que l'identificateur unique fait le 08/11/2011
amélioration : ajout d'espacement haut droite gauche bas fait le 10/11/2011

Dernière modification par snypi (10/11/2011 02:59:56)

Super_chemist · 05/11/2011 11:27:44

Un grand merci Snypi pour tout ce travail. Je n'ai pas encore testé, j'aurai plus le temps demain, mais ça m'a l'air appétissant !!!

Petites remarques pour toi :
- Il y a une faute d'orthographe dans l'image deco/zdiaporma : "ce" au lieu de "se"

Pour moi :
- Concernant les valeurs "h" et "w", j'avais volontairement laissé le "px" à saisir, comme ça on pouvait exprimer "h" et "w" de toutes les façons permises par le CSS (px, %, em...). C'est pas bien grave, mais c'est dommage de perdre ça. Et ça rend la nouvelle version incompatible avec les diaporamas faits pour l'ancienne version. Je verrai ce que je peux faire.
- Pour l'histoire de l'espace dans la rubrique, je regarderai. J'avoue que je n'ai pas testé ce cas de figure, j'espère que ça se réglera avec des guillemets bien placés !
- Pour l'intégration dans les fichiers de conf de tinymce, j'ai vu qu'il existe des fonctions dans l'objet Trubs qui permettent d'exécuter du code lors de l'installation ou la désinstallation d'un module. Donc j'essaierai d'automatiser l'install/la désinstall.

Pour ne pas se marcher dessus, je te propose de me prévenir quand tu aura fini tes modifs, et de poster le fruit de ton travail ici. Je repartirai de tes fichiers.

Encore merci

Adrien

Super_chemist · 06/11/2011 12:13:51

Attention, dans ton message, les numéros de ligne ne correspondent pas chez moi. Ca doit dépendre des plugins installés... Pourrais-tu préciser l'intitulé de chaque ligne? C'est ça qui est important.

Merci

snypi · 07/11/2011 01:19:10

salut
j'ai actualiser mon tuto avec les intitulés
j'ai vue que tu bossais sur ton module zdiaporama
ne serait il pas intéressant de rajouter des effets de slide et de fading ??
ce serait un outil complet et au top dans le tinymce on pourais ainsi choirsir l'animation du diaporama

Dernière modification par snypi (07/11/2011 01:24:27)

Super_chemist · 07/11/2011 12:15:23

Je ne suis pas contre, mais le souci, c'est que je ne sais pas faire ! A la base, le script javascript m'a été communiqué par un ami, c'est pas moi qui l'ai fait...
Par ailleurs, je ne voudrai pas que l'effet de fading provoque un gros ralentissement sur le site.

Ce que je propose pour le moment, c'est de réussir à intégrer le zdiporama actuel dans tinymce. Dés que j'aurai réussi à remettre en place mon site de dev (voir autre message dans le forum), j'essaye d'automatiser l'install dans tinymce.

Ensuite, on pourra améliorer si on veux, avec du javascript, tout ça. Mais j'aime bien faire les choses les unes après les autres !

En tout cas, merci pour tout ce boulot. Si ça marche (j'ai pas pu tester !), c'est génial !!!

PS : Ton zip, il est fonctionnel? Tu n'a plus de modifs à faire dessus? Je peux le récupérer?

Dernière modification par Super_chemist (07/11/2011 12:17:28)

snypi · 07/11/2011 13:46:18

mon script est fonctionnel et il faut le testé !!
je pense qu'il y auras des modifs à faire mais pour ma part je suis un peu trop limite en js
il y à un souci avec ie je ne sais comment le réglé et vérifier avec d'autres navigateurs (pour moi j'ai testé chrome et firefox)
je ne suis qu'au prémisse de mon apprentissage javascript et à mon avis il faudrait avoir un retour de quelqu'un qui si connait
en tous cas pour le script tu peut le télécharger et l'installé y'a pas de souci il marche !!
l'idée du zidaporama.js est qu'il place une div dans laquelle il y a une image "temporaire" (l'image est virer par css et ce n'est pas du réel temporaire comme j'aurais aimé du style l'ancre) ainsi que le code php;

Dernière modification par snypi (07/11/2011 13:48:09)

salgosse · 07/11/2011 15:29:55

bonjour
merci de ton partage je le dl et le test direct

snypi · 08/11/2011 00:50:22

@salogosse "votre partage" le script du zdiapo est de super chemist et moi j'ai du gros pompage sur le script photoshow de jpg c'est un boulot collectif

je vient de virer l'identificateur unique car en regardant le code php de photoshow je me suis aperçus que l'on ne s'en servait pas !!!
@super chemist désolé dit moi si je dois mettre à jours mon téléchargement ou si jattends ton avancement ??
et pour continué à faire le casse pied ne serait t'il pas souhaitable de rajouter le padding à la config?

Dernière modification par snypi (08/11/2011 01:07:35)

jpg · 08/11/2011 01:09:43

snypi a écrit :

je vient de virer l'identificateur unique car en regardant le code php de photoshow je me suis aperçus que l'on ne s'en servait pas !!!

Tu as du mal regarder le code php protoshow

je suis en train de finaliser la 0.9.2.b1, donc je n'ai pas trop de temps libre, mais je testerai dès que possible la dernière mouture du module

a+
Jean-Paul

snypi · 08/11/2011 01:24:33

jpg a écrit :

snypi a écrit :
je vient de virer l'identificateur unique car en regardant le code php de photoshow je me suis aperçus que l'on ne s'en servait pas !!!
Tu as du mal regarder le code php protoshow

excuse je me suis mal exprimé j'aurais du dire:
je vient de virer l'identificateur unique car en regardant le code php de photoshow je me suis aperçus que l'on ne s'en servait pas dans zdiaporama

jpg a écrit :

je suis en train de finaliser la 0.9.2.b1, donc je n'ai pas trop de temps libre, mais je testerai dès que possible la dernière mouture du module

pour les 2 avec plaisir et pour la 0.9.2.b1 et pour le test

Dernière modification par snypi (08/11/2011 01:28:40)

Super_chemist · 08/11/2011 11:11:03

Je n'ai pas encore commencé, je viens juste de remettre mon wampserver debout !
Tu peux mettre à jour ton lien, pas de soucis.

Pour l'identificateur unique, en effet, je n'aimais pas l'idée de laisser l'utilisateur choisir ce champ obscur...
Donc dans mon script, j'ai tout conçu pour utiliser le nom de la rubrique en lieu et place de ce champ. D'où les bugs "espace dans la rubrique" et "une seule fois le même diaporama"...

"Ajouter le padding dans la config". Désolé, je ne comprend pas ta phrase. Tu parles du CSS ? Dans mon esprit, c'est le rôle du user.css, ça. Le float:left/right, je l'ai ajouté dans mon module pour pouvoir facilement alterner sur une même page, sans devoir s'e**erder avec deux classes CSS.
Idéalement, avec une seule classe CSS .zdiapo, tu peux avoir la même charte graphique pour tous tes diaporamas, et après tu choisis si tu les met en left/right... Modifier le padding, c'est modifier la charte graphique, donc c'est le rôle du user.css.

Bon courage

snypi · 08/11/2011 11:52:18

j'ai mis à jours mon teléchargement
Mais pour le padding imagine un utilisateur lambda de ziteplus ?? il fait comment pour décaler sont texte de sont diaporama !!!
le user.css c'est pour les balaises Intégrer un bouton à tinymce c'est aussi pour les futurs utilisateurs novices (de mon point de vue)
en ce qui me concerne pour les padding, je préfère avoir un padding-left à 5 et padding-right à 0 pour un float right et inversement pour un float left ...
histoire que le diaporama soit collé au bord du site et le texte décalé de 5 px

après on ne peut pas contenté tous le monde c'est juste une suggestion

Dernière modification par snypi (08/11/2011 12:06:49)

snypi · 08/11/2011 12:19:53

petite question pour des champions
j'ai un souci ou j'arrive pas à comprendre les réponses sur le net
cela vas servir à régler le problème d'effacement du code complet du module zdiaporama sous ie et surement améliorer celui de firefox et chrome !!
cela est lié au doubleclic en javascript
le code de mon editor_plugin.js permettant de sélectionné la div lors du doubleclic

//fonction double clic pour deplacer supprimer
						ed.onDblClick.add(function(ed, e) { ed.selection.select(node);});

le problème du doubleclic est la temporisation entre les clics et j'ai remarqué que sur firefox : si j'ai déja effectué mon double clic une fois je galère à resélectionné la div

j'ai lu ceci sur ie

pas d'évênements sur les options d'un select avec IE.
onchange par exemple sur là balise select
et "select".options["select".selectedIndex].value ou .text
c'est le contenu de l'option choisie

Pendant le développement de l'intégration j'ai testé une sélection dès le premier clic sur l'ensemble de la div le souci étant que cela empêchai la mise à jours du diapo

comment faire pour compter les clics
1 clic = selectionner
2 clic = tous sélectionné
3 clic= on déslectionne et on repart à 0

Super_chemist · 08/11/2011 12:26:05

Je comprend ton point de vue.

Mais voici le mien : il y a deux sortes d'utilisateurs de ziteplus : celui qui met en place la structure du site, le CSS... mais pas le contenu (j'ai cru comprendre que c'était plus ou moins ton métier, non?), et l'utilisateur final, qui lui utilise ce qu'on lui a prémaché.
Dans l'association dont je m'occupe, c'est le cas. Je suis le geek, mais ce n'est pas moi qui ai rédigé le contenu des pages. Et ceux qui l'on fait ne savent même pas ce qu'est le ftp...
De leur point de vue, tout fonctionne bien, mais c'est juste parce qu'il y a les bonnes classes CSS, prévues pour s'adapter à ce que va pondre tinymce.

Un "novice" qui, tout seul dans son garage voudrait se monter son zite, il sera capable de gérer son CSS, son ftp et le reste.
Un "novice" qui met à jour le contenu d'un zite déja mis en place par un geek n'a pas à s'en soucier.

Voila ce que je te propose. On va ajouter :
- un padding-left
- un padding-right
Comme le reste, si paramètre non renseigné, on laisse le CSS gérer seul.

Je suis en train de corriger le bug de l'espace dans le nom de rubrique.
Laisse moi quelques minutes, et j'upload ton zip mis à jour.

Super_chemist · 08/11/2011 12:57:23

Voici :

//lien supprimé par Super_chemist//

- Correction du bug si il y a autre chose que de l'alphanumérique dans le nom de rubrique.

Je considère qu'il s'agit de la version 1.2beta. Quand on aura terminé de bricoler, on la passera en version 1.2 finale.
Je n'ai pas eu le temps d'intégrer le padding. Tu peux le faire si tu veux, sinon je le ferai.

De mon côté, je vais essayer d'automatiser l'install du module dans les fichiers de tinymce.

A+

Dernière modification par Super_chemist (11/11/2011 21:18:24)

Forum ZitePLUS

#26 24/10/2011 01:03:04

Re : Conception d'un module

#27 24/10/2011 09:21:11

Re : Conception d'un module

#28 24/10/2011 10:27:31

Re : Conception d'un module

#29 24/10/2011 11:42:23

Re : Conception d'un module

#30 24/10/2011 12:42:55

Re : Conception d'un module

#31 25/10/2011 20:38:38

Re : Conception d'un module

#32 26/10/2011 07:20:13

Re : Conception d'un module

#33 26/10/2011 09:19:33

Re : Conception d'un module

#34 03/11/2011 19:20:06

Re : Conception d'un module

#35 04/11/2011 18:28:59

Re : Conception d'un module

#36 05/11/2011 00:11:16

Re : Conception d'un module

#37 05/11/2011 11:27:44

Re : Conception d'un module

#38 06/11/2011 12:13:51

Re : Conception d'un module

#39 07/11/2011 01:19:10

Re : Conception d'un module

#40 07/11/2011 12:15:23

Re : Conception d'un module

#41 07/11/2011 13:46:18

Re : Conception d'un module

#42 07/11/2011 15:29:55

Re : Conception d'un module

#43 08/11/2011 00:50:22

Re : Conception d'un module

#44 08/11/2011 01:09:43

Re : Conception d'un module

#45 08/11/2011 01:24:33

Re : Conception d'un module

#46 08/11/2011 11:11:03

Re : Conception d'un module

#47 08/11/2011 11:52:18

Re : Conception d'un module

#48 08/11/2011 12:19:53

Re : Conception d'un module

#49 08/11/2011 12:26:05

Re : Conception d'un module

#50 08/11/2011 12:57:23

Re : Conception d'un module

Pied de page des forums