Discussion :

[ben127]

Bonjour, je suis entrain de me faire un petit site sympas, et j'utilise pour cela une lightwindows 2.0, très sympathique, cependant, j'ai un petit problème.
J'ai créé un formulaire qui s'ouvre dans la lightwindows, cependant, je voudrais vérifier que les champs soient bien remplis.
La fonction marche très bien lorsque le formulaire est ouvert dans une page quelconque, mais dès que le formulaire s'ouvre dans la lightwindows, la vérification ne se fait plus, pourriez m'aider... Je ne vais pas vous mettre tout le code de la lightwindows, mais le code (simplifié) de mon formulaire est:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<SCRIPT LANGUAGE="JavaScript">
/* On crée une fonction de verification */
function verifForm(test)
{
	adresse = test.email.value;
	var place = adresse.indexOf("@",1);
	var point = adresse.indexOf(".",place+1);
if ((place > -1)&&(adresse.length >2)&&(point > 1))
		{
		test.submit();
		return(true);
		}
	else
		{
		alert('Entrez une adresse e-mail valide!!');
		return(false);
		}
}
</SCRIPT>
 
<form id="test" name="test">
		<ul style="list-style-type: none;margin: 0; padding: 0;">
			<li>
 
            </li>
            <li>
				<input id="name" name="name" type="text" value="What is your name?" />
			</li>
			<li>
				<input id="email" name="email" type="text" value="what is your email?" />
			</li>
			<li>
				<a href="hello.php" onClick="javascript:verifForm(test)" params="lightwindow_form=test" class="lightwindow_action" rel="submitForm"><button>Submit</button></a> or <a href="#" class="lightwindow_action" style="color: blue;" rel="deactivate">Cancel</a>
			</li>
		</ul>
</form>

[SpaceFrog]

il faudrati viur le code html genere de façon à comprendre comment focntionne light window
Avec prototype window le form reste sur la même page, je ne sais pas si c'est le cas avec light (iframe ?)

essaye:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onclick="verifForm(document.forms['test'])"

[ben127]

je viens juste d'essayer, mais toujours le même problème, on dirait que la lightwindows ne prend pas en compte la commande onclick.

[SpaceFrog]

pourquoi passer par un faux bouton dasn un href pour valider le form ???
tu ne peux pas juste mettre l'action normalement avec un input stype submit et un on submit qui lance la verif ?

[ben127]

et ben au fait en passant par un simple bouton submit, la page appelé ne s'ouvre plus dans la lightwindows en loccurence, ici la page hello.php. Dans ce cas présent, je n'arrive pas à passer en paramètre d'ouvrir la page dans la lightwindow.

[SpaceFrog]

ligth window utiliserait des iframes ????

regarde plutot du coté de window prototype je n'ai jamais eu ce genre de soucis

[ben127]

heu désolé mais je suis censé chercher quoi exactement.

au niveau des fichier javascript, j'ai un prototype.js, et un lightwindow.js c'est bien dans le ligthwindow qu'il faut que je cherche.

[SpaceFrog]

si tu trouver dans light window quelquechose du genre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.createElement('iframe')

ou plus simpelement si tu peux visualiser le code source généré au moment ou tu as la window visible ...

[ben127]

ouai effectivement j'ai cet ligne dans le lightwindow.js, je dois faire quoi a ce moment la?

[SpaceFrog]

ça veut dire que light window créé un iframe sur la page et donc ton form n'est pas sur la même page ...
si tu peux visualiser le code source généré ... (avec firefox devweb toolbar)
à moins qu'après la ligne de creation de l'iframe tu arrives à voir quel name ou id il lui donne afin de pouvoir converser avec ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

parent.frames['nomiframe'].document.forms[0].elements['...

[ben127]

Pour te montrer exactement comment ça fonctionne.

http://www.stickmanlabs.com/lightwindow/

tu clique sur form example, je suis parti de ça, le principe est exactement, le même, et d'ailleur si tu veux, on peut télécharger le code sur le site même.

Merci pour ton aide spacefrog.

[SpaceFrog]

Oui j'avais compris comment focntionne lightbox, mais ça ne pe dit pas le name attribué à l'iframe au moment de sa création...

essaye generiquement avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

parent.frames[0].document.forms[0].elements....

[blassiou083]

Exactement le meme probleme, ma fonction chkmail est opérationnelle, mais avec lightwindow, ça passe pas.
A oui, il utilise pas des iframes mais des divs apparement.
Si qqun est plus éclairé, car je cherche depuis ce matin et pour le moment, l'illumination n'est pas encore venue

[SpaceFrog]

à priori le coup du générique à l'air de fonctionner ?

[HWICE]

Bonjour

Justement je travail sur ce probleme depuis quelque jour. Comme dit blassiou083, le lightWindow utilise les div. Voici mon code généré

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<div id="lightwindow_overlay" style="background-image: url(images/black-70.png); background-repeat: repeat; height: 797px; display: none; visibility: visible;"/>
<div id="lightwindow" style="top: 398.5px; left: 840px; display: none; visibility: visible; position: fixed;">
<div id="lightwindow_container" style="height: 250px; width: 250px; left: -125px; top: -125px; display: none; visibility: visible;">
<div id="lightwindow_title_bar">
<div id="lightwindow_title_bar_inner" style="height: 25px; margin-top: 0px; opacity: 0.999999;">
<span id="lightwindow_title_bar_title">Des courriels jOliment fous</span>
<a id="lightwindow_title_bar_close_link">Fermer</a>
</div>
</div>
<div id="lightwindow_stage">
<div id="lightwindow_contents" style="overflow: auto; height: 250px; width: 250px;">
<div id="lightwindow_loading" style="display: none;">
</div>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<script language="JavaScript">
</script>
<div align="center" style="background-image: url(/images/insc_bas.png); background-position: right bottom; background-repeat: no-repeat;">
<form id="myform" action="final.php" onsubmit="return validate_form(this);" method="get">
<table width="380" cellpadding="3" style="padding: 16px;">
<tbody>
<tr>
<td colspan="4">
<div align="center">
<img height="237" width="225" src="/images/insc_top.png"/>
</div>
</td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
<div id="lightwindow_navigation" style="display: none; height: auto; width: auto;">
</div>
<div id="lightwindow_galleries" style="display: none; width: 410px;">
</div>
</div>
<div id="lightwindow_data_slide" style="height: auto; display: none; width: auto;">
</div>
</div>
</div>

Ce Code a été généré par firebug.

Je sais pas si on peut faire ce mais voici mon idée. Si on met la fonction qui fait changer de page « params="lightwindow_form=test" class="lightwindow_action" rel="submitForm" » dans la fonction checkEmail apres que le courriel a été validé.

Bon voila, en espérant que ca aide!!

merci d'avance

[ceetix]

Je me permet de upper le post car j'ai un souci avec lightwindows et les formulaires.
J'ai créé un formulaire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<form id="sample-form" name="sample-form">
 <table width="100" border="0" style="margin-top:10px;">
  <tr>
    <td style="text-align:right;color:#666;font-size:12px;"><label>pseudo</label></td>
    <td>
    <input name="pseudo" type="text" size="15" maxlength="15" />
    </td>
  </tr>
  <tr>
   <td style="text-align:right;color:#666;font-size:12px;"><label>mail</label></td>
    <td>
	    <input name="mail" type="text" size="15" maxlength="35" />
 
    </td>
  </tr>
<tr>
 <td><a href="sub.php" params="lightwindow_form=sample-form" class="lightwindow_action" rel="submitForm"><button>Valider</button></a></td> 
 </tr>
</table>
</form>

dans mon sub.php j'ai d'abord mis echo "OK"; pour juste tester si quand je clique sur le bouton "valider" sub.php est traité.
Ensuite j'essaie de récupérer la valeur de "pseudo" avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<?php
$pseudo = $_POST['pseudo'];
echo $pseudo;
?>

Et là rien à faire, ca n'affiche rien du tout. J'ai beau bidouiller mon formulaire dans tous les sens je n'y arrive pas.

Quelqu'un pourrait m'aider?

Merci !

[HWICE]

bonjour ceetix

Ca va p-e pas t'aider mais j'ai trouver qqchose de nouveau dernierement
tu pourrais bidouiller avec un modalbox.

http://www.wildbit.com/labs/modalbox/

bonne chance