begin process at 2010 03 11 06:11:56
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Fenêtre & Pop-up

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

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


 Information sur la source

Note :
9,4 / 10 - par 5 personnes
9,40 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
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é :25 119 / 795 054

Auteur : antares7364

Ecrire un message privé
Site perso
Commentaire sur cette source (16)
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

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources de la même categorie

Source avec Zip Source avec une capture FENETRE D'ACTUALITE par kazma
Source avec Zip Source avec une capture CLASS POP-IN AVEC EFFET SOUS JQUERY DE "CONNEXION" STYLE CS ... par Nementon
Source avec Zip Source avec une capture FENETRE DE LOGIN par kazma
Source avec Zip Source avec une capture MESSAGES VIRTUELS par grarestephane
Source avec Zip Source avec une capture ENVOIE DE MESSAGE AUTOMATIQUE par grarestephane

Commentaires et avis

Commentaire de Scooby1 le 01/01/2003 01:51:43

Tout simplement Génial !!!

Commentaire de antares7364 le 01/01/2003 11:14:01

Merci ! :-)

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

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

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

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

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

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...

Commentaire de astuces_jeux le 25/12/2006 09:11:37

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

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

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;
}







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 ?

Commentaire de rebel29 le 25/07/2007 16:26:52

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

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 !!

Commentaire de chicochaleur29 le 23/08/2009 18:27:48

Bonjour
J'aimerai trouver presque la même chose, ce qui me gène, c'est que l'on ne peut pas redimensionner la fenêtre
Vous auriez une autre source à me proposer qui puisse faire cela?

Merci

Commentaire de niceman23 le 03/09/2009 02:20:55

Salut pas mal la source , le probleme est que sa ne fonctionne pas sous Firefox , IE tout est beau et Chrome et Safari aussi , le bug c'est firefox on peut m'Aidé merci @

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), 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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,468 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales