aide programmation

WVanim-forum

Entraide sur le logiciel wvanim, animation en html5
 
AccueilCalendrierFAQRechercherMembresGroupesS'enregistrerConnexion

Une nouvelle version n° 20.01.015 du 14/04/2019 (version beta) est téléchargeable sur le site WVanim.fr

Partagez
 

 aide programmation

Aller en bas 
AuteurMessage
gg51

gg51

Messages : 84
Date d'inscription : 15/01/2019

aide programmation Empty
MessageSujet: aide programmation   aide programmation Icon_minitimeMer 10 Avr - 14:12

Y a t'il un moyen par programmation de changer une image dans un bouton? (normal, survol ...)

Merci

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://gerard51.eklablog.com/accueil-c29526418
Admin
Admin
Admin


Messages : 152
Date d'inscription : 08/04/2018

aide programmation Empty
MessageSujet: Re: aide programmation   aide programmation Icon_minitimeMer 10 Avr - 15:17

gg51 a écrit:
Y a t'il un moyen par programmation de changer une image dans un bouton? (normal, survol ...)

Merci
Un doute me prends. Vous désirez faire un programme javascript ou un programme d'édition.
Qu'est-ce que cela ?
1 - programme en javascript
L'action sera exécutée lorsque l'animation sera affichée dans le navigateur. Ce sont les programmes les plus utilisés habituellement.
2 - programme d 'édition
C'est une action qui sera exécutée dans WvAnim lui-même. Cela permet de créer des gadgets.
Les gadgets sont des animations modèles que vous proposez aux autres utilisateurs. Dans ces animations modèles, vous pouvez ajouter des boutons pour les modifier (customiser) facilement.
Notez que les outils proposés dans le lutin sont des "gadgets". Vous constaterez qu'il possède souvent une barre-d'édition (à droite) pour vous permettre de les modifier facilement.
_______________________________________________

Votre demande - changer l'image d'une d'un bouton - peut est parfaitement réalisable dans les 2 types de scripts : javascript ou éditeur

Quel type de script voulez-vous réaliser ?

Phildes

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://wvanim.fr/
gg51

gg51

Messages : 84
Date d'inscription : 15/01/2019

aide programmation Empty
MessageSujet: Re: aide programmation   aide programmation Icon_minitimeMer 10 Avr - 16:25

Je travaille en javascript 

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://gerard51.eklablog.com/accueil-c29526418
Admin
Admin
Admin


Messages : 152
Date d'inscription : 08/04/2018

aide programmation Empty
MessageSujet: Re: aide programmation   aide programmation Icon_minitimeMer 10 Avr - 17:50

gg51 a écrit:
Je travaille en javascript 
Pour modifier un élément, on utilise les commandes traditionnelles :
.innerHTML, .src...

Donc le problème réside dans le chemin de la face à modifier.
(à suivre)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://wvanim.fr/
Admin
Admin
Admin


Messages : 152
Date d'inscription : 08/04/2018

aide programmation Empty
MessageSujet: Re: aide programmation   aide programmation Icon_minitimeMer 10 Avr - 22:23

Voici des scripts clef-en-main :
Note : Il faut créer un objet-vide pour y placer une nouvelle fonction.

A - on recopie une fonction SANS LA MODIFIER (c'est une simple copie)
B - on fait un appel à cette fonction

_______________________________________________
Voyons cela en détail
A - vous copiez le script ci-dessous, SANS RIEN MODIFIER
(cette fonction remplace les 3 images du bouton)
a - dans une pièce-vide
b - IMPORTANT : action immédiate
Code:
WvTree.wvChangeImage=function(bt, im1, im2, im3){
    bt.style.backgroundImage="url("+im1+")";
    bt.onmouseover=function(){WvButton_S.mouseButton(bt, ["#000000","#000000"],[im2,im3]);};
};

B - pour modifier les images du bouton, le script est un simple appel de fonction :
Code:
WvTree.wvChangeImage(this.w_bt, "fleur3.png", "laMouette.gif","sagesse.jpg");
a - this.w_bt : est un exemple de chemin vers le bouton à modifier
b - fleur3.png', "laMouette.gif","sagesse.jpg" : sont des exemples d'images qui se placerons dans le bouton
Note : pour des appel absolus, il faudra indiquer l'URL complète des images
Exemple :
Code:
WvTree.wvChangeImage(this.w_bt, "http://www.monsite.fr/fleur3.png", "http://www.monsite.fr/laMouette.gif","http://www.monsite.fr/sagesse.jpg");
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://wvanim.fr/
gg51

gg51

Messages : 84
Date d'inscription : 15/01/2019

aide programmation Empty
MessageSujet: Re: aide programmation   aide programmation Icon_minitimeJeu 11 Avr - 7:01

Nickel 

Merci Phildes


Je mets ça dans ma boîte à outils

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://gerard51.eklablog.com/accueil-c29526418
Contenu sponsorisé




aide programmation Empty
MessageSujet: Re: aide programmation   aide programmation Icon_minitime

Revenir en haut Aller en bas
 
aide programmation
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» aide avec codage pour descriptions des catégorie.
» Besoin d'aide pour arranger le profil
» Aide pour fiche de presentaion
» Aide sur les variables
» AIDE Changer de Banniere

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
WVanim-forum :: Utiliser WVanim :: Résolu ou sans suite-
Sauter vers: