AccueilCodesTutorielsForumsEmploiLivresConnexion

  • Javascript / Ajax / DHTML CodeS-SourceS
  • RSS CodeS-SourceS
  • CodyxBot, le Bot GTalk & MSN qu'il vous faut !
  • Générez des revenus avec vos codes, scripts et tutoriaux
  • Aide à la navigation du site
begin process at 2009 01 09 23:27:08
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

SYSTÈME DE FAUSSES (ET BELLES) POPUP EN JS/HTML


Information sur la source

Catégorie :Fenêtre & Pop-up Niveau : Débutant Date de création : 26/12/2002 Date de mise à jour : 26/12/2002 18:44:26 Vu / téléchargé: 22 119 / 794 810
Auteur : antares7364 Site perso
Ecrire un message privé
Note :
9,4 / 10 - par 5 personnes
9,40 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Commentaire sur cette source (14)
Ajouter un commentaire et/ou une note

Description

Cliquez pour voir la capture en taille normale
Après avoir (très) longtemps cherché un code JS permettant de gérer des fausses PopUp HTML en Javascript, j'ai fini par tomber sur des très jolies fausses PopUp sur www.lapagemagique.net.
Mais je n'ai pas réussi à récupérer le code JS et le code HTML, alors j'ai juste récupérer le tableau (puisqu'en fait les fausses PopUp, c'est des tableaux contenant des IFRAME encadrés par des DIV %) ).
Et je l'ai adapté à un autre code que j'avais, un système de dragging d'éléments.
Et au final, j'ai réussi (victoire !) à obtenir 2 beaux fichiers JS et une page principale créant les fenêtres, + pleins de belles images ...
Mais pour + de détails, regardez la capture d'écran. Elle est belle ma PopUp, hein :D
 

Source

  • (Voir ZIP > page main.htm)
  • CreateWin(name, title, src, width, height, left, top); > créée une nouvelle fenêtre
  • MinimizeWin('nom') > réduit/restaure la fenêtre portant ce nom
  • DestroyWin('nom') > ferme la fenêtre 'nom' 
(Voir ZIP > page main.htm)

CreateWin(name, title, src, width, height, left, top); > créée une nouvelle fenêtre
MinimizeWin('nom') > réduit/restaure la fenêtre portant ce nom
DestroyWin('nom') > ferme la fenêtre 'nom'

Conclusion

Voir la page main.htm, qui est la page minimale pour charger les fichiers JS et créer 2 fenêtres.
Les fenêtres sont minimisables (on voit juste la barre de titre) et fermables.
Un seul truc dommage que je n'ai pas réussi à faire qu'on puisse les redimensionner. Mais bon, c'est pô trop grave ;)

Bonne continuation !
@ntares
 

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Commentaires et avis

signaler à un administrateur
Commentaire de Scooby1 le 01/01/2003 01:51:43

Tout simplement Génial !!!

signaler à un administrateur
Commentaire de antares7364 le 01/01/2003 11:14:01

Merci ! :-)

signaler à un administrateur
Commentaire de nitro120 le 01/01/2003 11:49:14

ca commence bien mais...
2-3 critiques :
-elles ne sont pas redimensionnables
-on trouvera dotres critikes a lavenir ;)
sinon c bien

signaler à un administrateur
Commentaire de Steph666 le 06/03/2003 19:35:41

Allez sur le site dhtmlcentral.com
Pour ce qui est des menus et du fenetrage, il y a une superbe gestion sur ce site avec fenetre redimensionnable

signaler à un administrateur
Commentaire de Michele le 23/12/2003 11:35:46

Comment faire un lien pour ouvrir le popup et qui ne s'ouvre au chargement de page

signaler à un administrateur
Commentaire de maxprog le 31/05/2005 22:32:21

J'ai la même question que Michele
Est-ce que quelqu'un peut me guider

Merci

max

signaler à un administrateur
Commentaire de bobvador le 20/09/2005 15:38:21

est ce possible de mettre ces popups lorsqu'on clique sur un lien et non pas de maniere auto ?

merci d'avance

signaler à un administrateur
Commentaire de mageonyme le 11/12/2005 03:00:58

oui je crois en faisant qq chose du style :

<a href="#" onclick="CreateWin('nom', 'title', 'page.htm', 100, 200, 20, 20);">lien2</a>

ou encore :

<td onclick="CreateWin(name, title, src, width, height, left, top);" style="cursor:hand">lien1</td>

par contre j'ai relevé un problème : les fausses popup passent sous les éléments swf...
bizarre...
sinon vraiment bien, code epuré au max et fonctionne même sous mozilla, ça j'aime bien...

signaler à un administrateur
Commentaire de astuces_jeux le 25/12/2006 09:11:37

vous avez pas une idée pour les ouvrires avec un lien ???

signaler à un administrateur
Commentaire de Mrreivax le 17/04/2007 22:20:27

Vraiment pas mal!
Pour ceux qui sont intéréssés, pour ouvrir une fausse popup avec un lien, il faut modififier certaines choses:

Rajouter cette fonction: (dans le fichier main.htm)
------------------------
// Ajoute du dhtml dans la page en cour
function ajouterDHTML(dhtml){
document.body.innerHTML = document.body.innerHTML + dhtml;
}

Modifier dans le fichier pop_window.js:
---------------------------------------
à la ligne 115, remplacer "document.write(txt2write);" par "ajouterDHTML(txt2write)"


Et voila! Chez moi ce code fonctionne très bien!

Bonne prog a tous
++

Mr Reivax

signaler à un administrateur
Commentaire de potofeu le 08/06/2007 13:59:54

ceci est la fin du script pop_windows.js
/*
ICI LA LIGNE QUI SUIS EST CE QUE JE SUIS SUR LA BONNE PISTE POUR FERMER LE FAUX POPUP APRES 15 second
SI QUELQU UN PEUX ME RENSEIGNER MON BUT C'EST DE FAIRE UN CHARGEMENT DE PAGE merci d'avance .


document.getElementById(name).id = "deleted_"+setInterval("parent.nom1.fermer()",15000);
  return false;
}


function MinimizeWin(name)
{
  if (document.getElementById(name).style.visibility != "hidden") // Cacher
  {
    document.getElementById(name).style.visibility = "hidden";
    document.getElementById("ae_"+name).style.left = document.getElementById(name).style.left;
    document.getElementById("ae_"+name).style.top = document.getElementById(name).style.top;
    document.getElementById("ae_"+name).style.visibility = "visible";
  }
  else   // Rendre visible
  {
    document.getElementById(name).style.left = document.getElementById("ae_"+name).style.left;
    document.getElementById(name).style.top = document.getElementById("ae_"+name).style.top;
    document.getElementById(name).style.visibility = "visible";
    document.getElementById("ae_"+name).style.visibility = "hidden";
  }
  return false;
}







signaler à un administrateur
Commentaire de rebel29 le 25/07/2007 15:54:58

hueueue a un tit blem ...
<a class="new_medias" href="#" onclick="CreateWin('id', 'Sortie n°$id.', './out-id.php', 800, 600, 20, 20)">nombre photos : classes</a>

me donne: http://sex.world-online.biz/popup/popuppb.jpg

j'ai utilisé le "Commentaire de : Mrreivax"..

pouvez vous m'aider svp ?

signaler à un administrateur
Commentaire de rebel29 le 25/07/2007 16:26:52

page d'exemple : http://sex.world-online.biz/popup/main.php

signaler à un administrateur
Commentaire de rebel29 le 25/07/2007 22:24:51

pb corrigé par moi même :)
remplacer : (de pop_windows.js)
txt2write += '          <TABLE cellSpacing=0 cellPadding=0 width=0 border=0 Zheight=\"100%\">\r\n';
par :
txt2write += '          <TABLE cellSpacing=0 cellPadding=0 width=100% border=0 Zheight=\"100%\">\r\n';

et merci ki ?
merci bibi !!

Ajouter un commentaire

Nos sponsors

Sondage...

CalendriCode

Janvier 2009
LMMJVSD
   1234
567891011
12131415161718
19202122232425
262728293031 

Consulter la suite du CalendriCode


Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,218 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.