begin process at 2012 05 29 00:37:40
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Autre

 > 

Besoin d'aide avec une fausse popup avec effet de transparence

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Besoin d'aide avec une fausse popup avec effet de transparence

dimanche 4 mai 2008 à 17:38:18 | Besoin d'aide avec une fausse popup avec effet de transparence

cossette
Bon moi jaurais besoin daide pour installer cette fausse popup avec effet de transparence --> http://www.javascriptfr.com/code.aspx?ID=41941
sur mon site en sachant que je ne suis pas un pro ni en javascript ni en css ni html lol mais je commence a tres bien me debrouiller en html.
Jaimerais installer ce script sur mon site mais jaimerais mettre mon formulaire de contact dans la popup qui ouvre et que la popup ouvre seulement en cliquant sur une image que jai mi (Nous contacter) et biensur un coup le formulaire de contact remplie quil clic sur envoyer dans la popup et que la popup se referme et que sa retourne a la page daccueil. Si quelqun peut maider contacter moi et je vous enverrer les informations quil vous faut.
Un gros merci davance a ceux qui me repondront
lundi 5 mai 2008 à 09:49:48 | Re : Besoin d'aide avec une fausse popup avec effet de transparence

bultez

Membre Club


Bonjour,
    >>je ne suis pas un pro ni en javascript ni en css ni html
        ben... c'est le moment d'apprendre
    >>Jaimerais installer ce script sur mon site
       pas été voir le line donné, mais je suis sûr que tout y est expliqué.
       reste à le faire cette installation.
    >>jaimerais mettre mon formulaire de contact dans la popup qui ouvre
    >>et que la popup ouvre seulement en cliquant sur une image que jai mi
    >>et biensur un coup le formulaire de contact remplie quil clic sur envoyer
    >>dans la popup et que la popup se referme et que sa retourne a la page daccueil.
       et tu attends de nous qu'on te fasse ce développement ?
       non ==> dis nous où sont les erreurs, poste nous les extraits nécessaires
          pour qu'on t'aide à mettre au point.
       oui ===>
                Cordialement            Bul         [mon Site]     [M'écrire]
lundi 5 mai 2008 à 15:07:28 | Re : Besoin d'aide avec une fausse popup avec effet de transparence

cossette
Pour repondre a ta question oui je mattendais a ce que qulqun puisse maider pour linstaller et non linstaller a ma place lol pour les explications fournie cest 2 page html, un fichier js et 2 image, dur a comprendre quoi faire avec tout ca en sachant que jai jamais suivi de cour en html ou peu importe, donc pas tres tres clair pour les debutants comme moi.
Jai fini par reussir a le mettre en place mais jai quelque petit probleme comme pour que sa ouvre en cliquant sur limage au lieu du petit texte en dessous et meme chose pour la refermer.
Jai un autre probleme la popup napparait pas seulement limage gif (download)
mais le fond vien transparrent lol.
Jai changer une chose je ses pas si mon probleme es du a ca mais au lieu de tous ecrire le fichier css jai fais ca ---> <link type="text/css" rel="stylesheet" href="/css/a2.css" /> et jai biensur cree le fichier .css
Si il vous manque des infos ou si vous vouler ladresse de mon site dites moi le.
Encore merci davance a celui ou ceux qui auront la reponse a ma questions lol



Voici les extraits du script :
index.html : ---->

  • <html>


  • <head>

  • <scriptsrc="overlay.js"></script>
  • <!--- Partie Css pour la gestion overlay  et window!--->
  • <styletype="text/css">

  • .calque{
  •   opacity:.80;
  •   color: #FFFFFF;
  •   position: absolute;
  •   visibility : hidden;
  •   padding: 0px;
  •   font-family: Courrier;
  •   align: center;
  •   font-size: 8pt;
  •   background-color: #000000;
  •   opacity : .75;
  •   filter : alpha(opacity=75);
  •   width: 100%;
  •   height : 100%;
  •   top : 0;
  •   left : 0 ;

  • }

  • .image_calque{
  • height: 100%;
  • }

  • .window{
  •   color: #FFFFFF;
  •   position: absolute;
  •   visibility : hidden;
  •   padding: 0px;
  •   font-family: Courrier;
  •   align: center;
  •   font-size: 8pt;
  •   background-color: #FFFFFF;
  •   width: 500;
  •   height : 500;
  •   top : 15%;
  •   left : 25% ;

  • }

  • .contemp_window{
  •   width: 100%;
  •   height : 100%;
  •   border : 0;
  • }
  • </style>
  • <!-- fin CSS pour la partie overlay -->

  • <!-- div obligatoire pour les fenêtre overlay les div sont modifié par overlay.js  -->

  • <divid="overlay"class="calque"></div>
  • <divid="window"class="window"><iframeclass = "contemp_window"id = "contempwindow"name = "contempwindow"></iframe></div>

  • <!--  fin div -->

  • </head>

  • <body>
  • <imgsrc = "./images/f_endroit.gif">
  • <BR>
  • <ahref = "#"OnClick = "affiche_overlay_window('./images/load.gif','page2.html');">afficher la page test 2</a>!




  • </body>
  • </html>

    • Voici la partie 2
    page2.html : ----->

    • <htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="en-US"lang="en-US">
    • <head>
    • <scriptsrc="overlay.js"></script>

    • <metahttp-equiv="content-type"content="text/html; charset=iso-8859-1"/>
    • </head>
    • <body>

    • <ahref = "#"OnClick = "javascript:cachetout();">arreter overlay !!!</a>

    • </body>
    • </html>

    Et le fichier overlay.js  ----->

  • var w3c=document.getElementById && !document.all;
  • var ie=document.all;

  • if (ie||w3c) {
  • // déclaration des variables uniquement pour IE vive microsoft ?!!
  • var overlay;
  • var my_window;
  • }


  • function affiche_overlay_window(image_fond_overlay,adresse_page){
  • // creation de l'overlay et affichage de l'image
  • montreoverlay("<table class = 'image_calque ' valign = 'center' border = '0' align = 'center'><tr><td> <IMG  SRC='"+image_fond_overlay+"'></td></tr>");
  • // creation de la fenêtre
  • montrefenetre(adresse_page);


  • }


  • function montreoverlay(text) {
  •   if (w3c||ie){
  •     overlay = document.all ? document.all["overlay"] : document.getElementById ? document.getElementById("overlay") : ""
  • overlay.innerHTML = text; // fixe le code HTML dans l'overlay balise (div)
  •     overlay.style.visibility = "visible"; // modification du style

  •   }
  • }

  • function montrefenetre(html) {
  •   if (w3c||ie){
  •     //affichage de la fenetre
  • my_window = document.all ? document.all['window'] : document.getElementById ? document.getElementById('window') : ""
  •     my_window.style.visibility = "visible";

  • // affichage du corps de la fenêtre (balise iframe)
  •     my_window = document.all ? document.all['contempwindow'] : document.getElementById ? document.getElementById('contempwindow') : ""
  •     my_window.style.visibility = "visible";
  •     frames['contempwindow'].location.href= html ;

  •   }
  • }




  • function cachetout() {
  • if (w3c||ie){

  • // masque la fenetre (balise div [window] )
  • my_window = parent.document.getElementById('window');
  • my_window.style.visibility = "hidden";

  • // masque le contenu (balise iframe [contempwindow])
  • my_window = parent.document.getElementById('contempwindow');
  • my_window.style.visibility = "hidden";

  • // masque l'overlay (balise div [overlay])
  • my_window = document.all ? parent.document.all['overlay'] : parent.document.getElementById ? parent.document.getElementById('overlay') : ""
  • my_window.style.visibility = "hidden";

  • }


  • }

    		•
    lundi 5 mai 2008 à 15:21:39 | Re : Besoin d'aide avec une fausse popup avec effet de transparence

    cossette

    je vous donne le code html de la 2e pages que jai modifier comme je voulais sa sera peut etre plus facile pour vous de me dire comment fermer cette popup en cliquant sur envoyer et non sur fermer overplay mais pour le moment elle saffiche pas seulement le gif (download) comme je disais dans lautre message

    <html xmlns=" [ Lien ]" xml:lang="en-US" lang="en-US">
    <head>
    <script src="overlay.js"></script>

     <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    </head>
    <body text="#ffffff" bgcolor="#000000">
    <!--Code HTML service Form2mail de Hawa Tools -->
    <script type="text/javascript">
    function verification_form2mail()
    {
    var champs_erreur = false;
    if (document.getElementById('form2mail').prenom.value=='')
    { champs_erreur=false; }
    else
    { champs_erreur=true; }

    if (document.getElementById('form2mail').email.value=='')
    { champs_erreur=false; }
    else
    { champs_erreur=true; }

    if (document.getElementById('form2mail').message.value=='')
    { champs_erreur=false; }
    else
    { champs_erreur=true; }

    if (champs_erreur==false)
    {
    alert('Veuillez remplire tous les champs !');
    return false;
    }
    }
    </script>
    <form name="form2mail" id="form2mail" method="post" action=" [ Lien ]">
    <table border="0" cellpadding="5" style="border-collapse: collapse" width="593" id="table1">
    <tr>
    <td>Prénom : <b><i><font color="#ff0000">*</font></i></b></td>
    <td><input type="text" name="prenom" size="40" /></td>
    </tr>
    <tr>
    <td>Adresse e-mail : <b><i><font color="#ff0000">*</font></i></b></td>
    <td><input type="text" name="email" size="40" /></td>
    </tr>
    <tr>
    <td>Sujet : </td>
    <td><input type="text" name="sujet" size="40" /></td>
    </tr>
    <tr>
    <td>Message : <b><i><font color="#ff0000">*</font></i></b></td>
    <td><textarea name="message" cols="35" rows="7"></textarea></td>
    </tr>
    <tr>
    <td align="center" colspan="2"><input type="submit" value="Valider" onclick="return verification_form2mail();" /></td>
    </tr>
    </table>
    </form>
    <noscript>
    <a href=" [ Lien ]" target="_blank" title="Services gratuits pour webmasters">Form2mail</a>
    </noscript>
    <!--Code HTML service Form2mail de Hawa Tools -->


    <a href = "#" OnClick = "javascript:cachetout();">arreter overlay !!!</a>

    </body>
    </html>
    jeudi 8 mai 2008 à 17:14:10 | Re : Besoin d'aide avec une fausse popup avec effet de transparence

    cossette
    Si vous avez besoin de plus dinformation nhesiter pas a me contacter


    Cette discussion est classée dans : aide, popup, fausse, effet, transparence

    Répondre à ce message

    Sujets en rapport avec ce message

    Aide popup que je crée bloquée [ par bidibule2000 ] Salut à tous!! Voilà j'ai un problème sur lequel je sèche complètement.. En fait j'ai créé un système de pop-up pour le login et une pop-up pour les Aide avec une popup [ par iomega ] Bonjour à tous, j'ai une page index.htm qui contient une liste déroulante avec des noms de ville et un bouton qui ouvre une popup nommée popup.htm qui aide fermeture popup image [ par the red power 65 ] bonjour a tousj'utilise ce script pour faire afficher mes images dans une popup :'Image<BODY LEFTMARGIN=0 MARGINWIDTH=0 TOPMARGIN=0 MARGIN fausse popup [ par tirikou ] Bonjour,Après moult recherches, je n'arrive pas à trouver mon bonheur.Je suis tout à fait nul en javascript et n'arrive pas à trouver le bout de code Script ouverture popup complexe [ par jojo545 ] Je voudrai avoir de l'aide concernant un script qui permetterai , en 1 seule séquence, d'ouvrir un popup avec une première URL puis de redirigé vers u limité une fausse popup à une fois par visite [ par jecirbe ] Bonjour,J'ai utilisé un script javascript pour créer une fausse popup. Je me suis débrouiller ( un peu de script par ci un autre part là)  pour que ce popup et postion relative [ par shea13 ] Bonjour, j'aurais aimé savoir s'il est possible d'ouvrir une popup et de la placer à une position précise de la page appelante. Comme à côté du formul effet lightbox dans joomla ! Besoin d'aide ! Urgent ! [ par Cuenod ] Salut à tous,je cherche a inserer un effet lightbox2.0 dans un article sous joomla 1.0.15, http://www.huddletogether.com/projects/lightbox2/mais la ca Modifier une fausse popup avec calque [ par AnalchiK ] Bonjour à tous,Ma question concerne ce script:http://www.javascriptfr.com/codes/FAUSSE-POPUP-AVEC-EFFET-TRANSPARENCE_41941.aspxDa script pour message d'erreur / confirmation en fausse popup [ par olivier22068 ] bonjour a tousje cherche un script qui me permettrai de m'afficher des messages de confirmation ou d'erreur dans une sorte de fausse popup au milieu d


    Nos sponsors


    Sondage...

    CalendriCode

    Mai 2012
    LMMJVSD
     123456
    78910111213
    14151617181920
    21222324252627
    28293031   

    Consulter la suite du CalendriCode

    A découvrir
     
    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,936 sec (3)

    Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
    Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
    Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
    Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
    Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
    Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)