Comment créer fenêtre pop-up image ?

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Comment créer fenêtre pop-up image ?

Re: Comment créer fenêtre pop-up image ?

par Cricks » 21 déc. 2011, 17:32

Eh bien je te félicite alors! :wink:

Re: Comment créer fenêtre pop-up image ?

par kokoumo » 21 déc. 2011, 17:20

Merci ^^

Je suis 100% débutant , c'est mon premier site , j'ai 16 ans donc je connais pas grand chose ^^

Re: Comment créer fenêtre pop-up image ?

par Cricks » 21 déc. 2011, 00:58

Je n'aime pas trop critiquer le travail des autres mais bon... :)

mais bon, mets un fichier index.html dans le répertoire /pages et surtout /images qui renvoie proprement sur ta page d'accueil :

<meta http-equiv="refresh" content="0; url=http://www.cambordeauxtt.com/index.php/"> et enregistre les IP des fouineurs au passage ;)

www.cambordeauxtt.com/images/ c'est quoi ce souk ? ^^

si je vais ici, je vois toutes tes images... http://www.cambordeauxtt.com/pages/images/

On trouve souvent des fichiers confidentiels de cette façon. donc ...

Mets des vérifications aussi côté client sur ton formulaire, sur chaque champ.
là, on peut envoyer n'importe quoi ça passe et faut revenir sois même sur la page d'avant. la page serveur est appellée pour rien.
bof bof. à revoir.

Si je fais un script qui t'envoie 10.000 messages, tu as pensé à bannir l'IP ? ^^

Sinon, bon travail, comme je ne connais pas ton niveau ni ton expérience, bon boulot. bonne continuation.

Re: Comment créer fenêtre pop-up image ?

par kokoumo » 20 déc. 2011, 17:36

Ok merci beaucoup !!

Et sinon mon site tu le trouves comment ? :)

Re: Comment créer fenêtre pop-up image ?

par Cricks » 20 déc. 2011, 16:39

C'est simple: le code javascript agit sur la page du site en invoquant certains éléments du Dom, les feuilles CSS sont elles aussi reliées à la page html
en utilisant les id, les class, les div, etc. Il te suffit de trouver dans le code quel élément assombrit la page, et quel est le nom de l'élément appellé sur la page html.
Ensuite tu le nommes de la même façon sut ta page. et si c'est un élément <div> qui n'existe pas, tu dois le crées. Bref, tu adaptes le code. Ca te permettra d'apprendre les fonctions de CSS et d'apprendre un peu plus de javascript.

Re: Comment créer fenêtre pop-up image ?

par kokoumo » 19 déc. 2011, 18:11

Comment faire pour assombrir la page et avoir le cadre autour de l'image ?

Re: Comment créer fenêtre pop-up image ?

par kokoumo » 19 déc. 2011, 00:53

C'est bon çà marche merci !!

Parcontre ca n'assombri pas la page d'accueil , et il n'y a pas de cadre gris autour de l'image ... Donc le ATTENTION en bas de l'image ne se voit pas trés bien ..

Re: Comment créer fenêtre pop-up image ?

par Cricks » 18 déc. 2011, 21:23

Pour le texte indésirable qui s'affiche en dessous de ton image, sois logique : il vient du script lightbox.js
Donc tu le cherches dedans et tu le supprimes.

la ligne est celle-ci :

objKeyboardMsg.innerHTML = 'Cliquez sur <kbd>x</kbd> ou sur l\'Image pour fermer';

(la balise <kbd> permet de fermer l'image au clavier en appuyant sur la touche X)

tu la remplaces par :

objKeyboardMsg.innerHTML = ' ';

tu sauvegardes, tu uploade sur ton site. et voilà. :)

Re: Comment créer fenêtre pop-up image ?

par Cricks » 18 déc. 2011, 20:12

Bon, je vois que ça marche très bien. :)

si tu veux mettre l'adresse de ton site comme ceci : <script src="http://http://www.cambordeauxtt.com/js/lightbox.js" type="text/javascript"></script>

tu crées un répertoire "js" à la racine de ton site, tu télécharges le script lightbox.js et tu l'upload dans ton propre répertoire "js".

Re: Comment créer fenêtre pop-up image ?

par kokoumo » 18 déc. 2011, 19:11

Ca marche , à moitié ! ^^

Donc voilà mon site :

http://www.cambordeauxtt.com/

J'ai mis dans head : <script src="http://www.lsctt.com/js/lightbox.js" type="text/javascript"></script>

et dans body : <a href="images/pop.jpg" rel="lightbox" title="ATTENTION !"></a>

La fenêtre s'affiche sauf qu'en bas de l'image il y a :

ATTENTION !
Cliquez sur x ou sur l'Image pour fermer

Lorque je change le script par l'adresse de mon site : cambordeauxtt.com , la fenêtre ne s'affiche plus .

Pourriez-vous m'éclaircir ^^

Merci :)

Re: Comment créer fenêtre pop-up image ?

par Cricks » 18 déc. 2011, 17:17

bonne programme. ça reste du pompage, mais ça te permettra d'apprendre quelques bases. :wink:

Re: Comment créer fenêtre pop-up image ?

par kokoumo » 18 déc. 2011, 17:05

Ok j'essaye en fin d'apres-midi , soyez-la dans la soirée :p

Re: Comment créer fenêtre pop-up image ?

par Cricks » 18 déc. 2011, 16:49

Tu dois faire des tests, et si ça marche pas, trouver ton erreur. Nous autres codeurs passons des heures à débugger.
c'est comme ça que tu apprendras. Tu t'inspires de ce qu'on fait les autres, puis tu l'améliores. en faisant beaucoup d'auto-formation: HTML+CSS+Javascript
tiens-nous au courant si tu y arrives, qu'on voit le résultat. :wink:

Re: Comment créer fenêtre pop-up image ?

par kokoumo » 18 déc. 2011, 16:35

Merci !

Donc j'ai juste à faire un copier-coller de ce que tu as trouver sur le code source de la page , remplacer le nom de mon affiche , et çà marchera ?

Re: Comment créer fenêtre pop-up image ?

par Cricks » 18 déc. 2011, 16:26

pas besoin de faire des recherches sur google, tout le code est dans la page:

-en faisant un clic droit sur l'image, tu vois qu'elle s'appelle affiche-home-mjpatch.jpg

Tu regardes juste au début du code source après la balise <body> et tu vois ça :

<a href="affiche-home-match.jpg" rel="lightbox" title="Prochain rendez-vous !"></a>

dans la partie <head> de la page, tu vois le script lightbox:

<script src="http://www.lsctt.com/js/lightbox.js" type="text/javascript"></script>

voili voilou. observe le code, ça te permettra d'apprendre le CSS et le javascript. :)