WebSite X5Help Center

 
C. Guillaume
C. Guillaume
User

Objet dans fenêtre  fr

Auteur : C. Guillaume
Visité 2122, Followers 1, Partagé 0  

Bonjour, 

J'ai un objet texte avec une image que je souhaiterais faire apparaitre dans une fenêtre.

Est-il possible de le faire ? ( je n'y arrive pas sans devoir créer une nouvelle page et coller mon abjet dessus mais du coup c'est une page qui apparait, pas un objet ) 

ou

et ça serait beaucoup mieux, 

peut-on faire apparaitre une ligne lors du clique sur un lien ou un bouton ? De cette manière par exemple .

Cliquez sur voir la fiche technique ( sur ce site )  oui,oui, encore des matelas laughing

Je trouve ca top pour alléger la page wink 

Merci à vous.

Posté le
17 RéPONSES - 5 UTILE - 1 CORRECT
JiPeR 48
JiPeR 48
Moderator
Meilleur utilisateur du mois FR

Salut Guillaume,

C'est ce qu'on peut appeler un accordéon qui malheureusement n'existe pas encore sur le logiciel, sauf l'objet du même nom qui concerne uniquement les photos (Accordion Gallery). A tester avec des textes sous forme d'images ? 

Il existe des codes HTML pour faire des accordéons. Si je retrouve mes petits je passe te l'indiquer.

@+, J.P.

Lire plus
Posté le de JiPeR 48
JiPeR 48
JiPeR 48
Moderator
Meilleur utilisateur du mois FR

Suite... Quelques exemples chez Xtuts :

https://www.x5tuts.com/category/v11-tutorials/toggles-accordions-v11/

C'est fait à l'origine sous V11 mais le code doit être adaptable et modifiable à volonté.

A tester de ton côté... Sinon une petite recherche sur le Web et tu devrais trouver un script convenable.

@+, J.P.

Lire plus
Posté le de JiPeR 48
JiPeR 48
JiPeR 48
Moderator
Meilleur utilisateur du mois FR

Suite 2... Il existe aussi l'objet Animated Image qui permet à partir d'une image, d'afficher un bouton avec lien sur Boîte d'affichage par exemple pour un PDF... A voir, des fois que...

@+, J.P.

Lire plus
Posté le de JiPeR 48
C. Guillaume
C. Guillaume
User
Auteur

Salut wink

Ca c'est du support rapide . Alors j'ai déjà un nom grace à toi. (c'est clair que niveau termes techniques je suis plutôt largué )

Je regarde tes liens attentivement et j'essai la pratique.

Merci pour le boulot. Super cool 

Lire plus
Posté le de C. Guillaume
JiPeR 48
JiPeR 48
Moderator
Meilleur utilisateur du mois FR

Hello,

A toutes fins utiles, je viens de retrouver cette discussion :

https://helpcenter.websitex5.com/fr/post/190501  Y'a du code à récupérer...

Sinon en parlant matelas : Emma, Eve, Casper ou Simba ? J'hésite pour en commander un... 

@+, J.P.

Lire plus
Posté le de JiPeR 48
C. Guillaume
C. Guillaume
User
Auteur

Re,

Voilà pourquoi j'aime leur site. le marketing est très fort sans être agressif (hors réseaux sociaux ou leurs pubs s'affichent partout...) 

perso j'opterais pour le simba qui a reçu les meilleurs notes de que choisir et qui à tous les avantages des autres avec en plus, les ressorts ensachés... laughing

J'ai retenu tout leur discours, donc ça fonctionne  winklaughing

les premiers codes sont pas mal mais ce n'est pas ce que je recherche visuellement ( je vais voir ton nouveau lien et les modifications possibles )

merci

Lire plus
Posté le de C. Guillaume
C. Guillaume
C. Guillaume
User
Auteur

Rebonjour,

Le code est interressant, mais nétant pas expert, j'ai réussis à lui faire prendre toute la largeur de la page et changer les coleurs du texte... donc c'est possible. 

Après, comment insérer une image et modifier la hauteur du volet qui s'ouvre afin de faire apparaitre plus de texte reste un mistère pour le moment. 

Je continue ;-)

Lire plus
Posté le de C. Guillaume
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT
C. Guillaume
... ... ... ... peut-on faire apparaitre une ligne lors du clique sur un lien ou un bouton ? De cette manière par exemple . Cliquez sur voir la fiche technique ... ... ... ... ... 

(Traduit par google) - Désolé, je ne parle pas français, et je ne peux pas vous donner beaucoup d'aide, mais je peux vous proposer une vieille idée EXTRA de 2009, (divsino) ...
... vous pouvez rendre les DIVs invisibles (style | dispaly: none) en les détectant à partir du code source dans Preview, et les faire apparaître au clic avec un bouton JavaScript ...
Un vieil exemple de la mienne: >1 | >2  .
Le code est tout en texte clair dans la source (Ctrl + U).
Bonjour et bon travail

(IT) - Scusa, non parlo Francese, e non posso darti aiuto più di tanto, ma posso proporti una mia vecchia idea EXTRA del 2009, (divsino)...
... puoi rendere non visibili (style | dispaly:none) i DIV, rilevando li ID dal codice sorgente in Anteprima, e farli apparire al click tramite un pulsante JavaScript...
Un mio vecchio esempio: >1 | >2 .
Il codice è tutto in chiaro nel sorgente (Ctrl+U).
Ciao e buon lavoro

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
JiPeR 48
JiPeR 48
Moderator
Meilleur utilisateur du mois FR

Ciao KolAsim e grazie mille

L'idea di Guillaume è di visualizzare un'immagine e se facciamo clic su di essa si apre una casella di testo. Se fai nuovamente clic sull'immagine, la casella di testo si chiude. Guarda i miei screenshot come allegato...

Non ho abbastanza capacità di codifica per aiutarlo ulteriormente. So come usare e modificare il codice ma è tutto.

Se hai un'idea, sarà la benvenuta. Grazie ancora per lui.

embarassed------------------Fine della traduzione di Google------------laughing

Salut Kolasim et merci beaucoup

L'idée de Guillaume est d'afficher une image et si on clique dessus s'ouvre alors une zone de texte. Si on clique de nouveau sur l'image, la zone de texte se ferme. Voir mes copies écran en pièce jointe...

Je ne suis pas assez doué en codage pour l'aider davantage. Je sais utiliser et modifier du code mais c'est tout.

Si tu as une idée elle sera la bienvenue. Encore merci pour lui.

J.P.

Lire plus
Posté le de JiPeR 48
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT
Jiper 85
... ... ... ... ... Si tu as une idée elle sera la bienvenue. Encore merci pour lui. J.P. 

(Traduit par google) - Salut gros Jiper 85, j'espère avoir compris ta suggestion.
>> exemple1 avec une image;
>> exemple2 avec deux images;

Malheureusement, je n'ai pas le programme! foot-in-mouth
Pouvez-vous construire un exemple simple avec cette structure?
1) - dans la première rangée de la grille mettre un "HTML Code Object", dans lequel vous entrez seulement le texte: "AAAAAAAAAA";
2) - dans la deuxième rangée de la grille mettre un "objet texte", dans lequel vous entrez le texte: Lorem ipsum, etc ............;
3) - dans la troisième rangée de la grille, placez un Objet tel que par exemple une lumière "Objet Image";
4) - publier le projet sur le net, et poster le lien, de sorte qu'il puisse le voir.
Merci pour votre coopération.
.

(IT) - Ciao grande Jiper 85, spero di aver capito il tuo suggerimento
>> esempio1 con una immagine;
>> esempio2 con due immagini;

Putroppo io non ho il programma.
Tu puoi costruire un semplice esemio con questa struttura?
1) - nella prima riga della griglia mettere un "Oggetto Codice HTML", nel quale inserisci solo il testo: "AAAAAAAAAA";
2) - nella seconda riga della griglia mettere un "Oggetto Testo", nel quale inserisci il testo: Lorem ipsum, eccetera............;
3) - nella terza riga della griglia mettere un Oggetto qualsi per esenìmpio un leggero "Oggetto Immagine";
4) - pubblicare il progetto in rete, e postare il LINK, in modo che lo possa visionre.
Grazie per la collaborazione.

.

ciao smile

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
JiPeR 48
JiPeR 48
Moderator
Meilleur utilisateur du mois FR

Bravo KolAsim, tu as parfaitement compris la suggestion. Mais je constate que le traducteur automatique me traite de GROS Jiper85cry !!

Je vais tester tes codes pour voir ce que je peux en tirer, mais j'aimerais surtout que Guillaume se mette au travail car c'est pour faire son projet commercial, et qu'il essaie d'affiner tout ça pour arriver au résultat qu'il souhaite obtenir.

Sinon il va fallor qu'il nous verse un pourcentage de son chiffre d'affaires money-mouthmoney-mouth!

On attend son passage et sa réaction. Merci encore de ton implication...

@+, J.P.

cool-------------------------Google Translation-------------------------laughing

Congratulazioni KolAsim, hai perfettamente compreso il suggerimento. Ma vedo che il traduttore automatico mi chiama BIG Jiper85 cry!

Metterò alla prova i tuoi codici per vedere cosa posso ricavarne, ma mi piacerebbe soprattutto che Guillaume si mettesse al lavoro perché doveva fare il suo progetto commerciale, e cerca di perfezionare tutto ciò per arrivare al risultato che lui vuole ottenere.

Altrimenti cadrà che ci paga una percentuale del suo fatturatomoney-mouthmoney-mouth!

Aspettiamo il suo passaggio e la sua reazione. Grazie ancora per il tuo coinvolgimento.

Ciao, J.P.

Lire plus
Posté le de JiPeR 48
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT

... grande > super ... Jiper 85 ...  wink ...  grazie a te ... ciao

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
C. Guillaume
C. Guillaume
User
Auteur

Salut,

On est Samedi, donc magasin et ballade en famille laughing

Le code correspond parfaitement à ce que j'attend. 

Je fais quelques modifications dessus et ça devrait aller parfaitement wink

Je vous tiens au courant rapidement. 

Pour la commission, ça sera possible sur ma page de parrainage laughing

Un grand merci à vous deux smile

-------------------------- traduction---------------------------

Ciao

È sabato, quindi fai shopping e cammina con la tua famiglia laughing


Il codice corrisponde perfettamente a quello che mi aspetto.


Apporto alcune modifiche e dovrebbe andare perfettamentewink

Ti farò sapere rapidamente.
Per la commissione, sarà possibile sulla mia pagina di riferimento


Molte grazie a tutti e duesmile

Lire plus
Posté le de C. Guillaume
C. Guillaume
C. Guillaume
User
Auteur

Bonsoir...

Et oui, il est 1 heure du matin foot-in-mouth

Donc après 3 heures de boulot ( je n'y connais toujours rien en code html ou css, merci google )je suis près du but.

J'ai modifier mon texte, intégré l'animation il ne me reste plus qu'a pouvoir centrer une image à côté et ça devrait être bon. 

Le reste ne presse pas du tout wink

Un grand merci à vous deux.

Lire plus
Posté le de C. Guillaume
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT

... ↑ ... >> 1) > 2) > 3) > 4) >> LINK ... .. . . ciao

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
C. Guillaume
C. Guillaume
User
Auteur

Salutations,

Pas compris le dernier message ?

Mais merci KolAsim, sans vos liens et votre code c'était impossible à réaliser pour moi wink.

Lire plus
Posté le de C. Guillaume
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT

Peut-être que je n'ai pas comprisfoot-in-mouth. ... ça marche? ... si oui, alors OK.wink
Si nécessaire, attendez le bon Jiper.

(IT) - Forse non ho capito; ... funziona? ...se è sì, allora OK.
Eventualmente restare in attesa del buon Jiper.

bonjour à tout le monde.

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪