Bonjour à tous!
J'espère avoir posté dans le bon topic sinon veuillez m'en excuser.
Je viens à vous parceque cela fait 2 jours que je tente d'insérer une fonction javascript dans un formulaire afin de pouvoir me la mailer avec un script mail en php.
Je créer le site de ma boite et pour une section, nous utilisons un logiciel (PictBase) pour géolocaliser nos produits.
Ce logiciel créé des pages avec ifame, un truc vraiment dégueulasse, mais je ne peux malheureusement pas faire autrement que de m'en servir. Il a une fonction "fillValueRows" qu'il faut absolument que je récupère dans mon formulaire pour savoir de quelle page il s'agit. Cette fonction, en fonction du produit à afficher, génère des références, c'est cela qu'il faut que je récupère et que je mette dans un input (hidden).
Voici le code:
<HTML>
<HEAD>
<TITLE>Document sans titre</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<LINK href="./icons/css.css" type=text/css rel=stylesheet>
<script language="JavaScript" type="text/JavaScript" src="scripts/model.js"></script>
<script language="JavaScript" type="text/JavaScript" src="scripts/runtime.js"></script>
<script language=JavaScript type="text/JavaScript">
<!--
var dataWindow = window.parent; // cardFrameset
var cardList = dataWindow.cardList;
var paramMap = dataWindow.paramMap;
var allRecords = dataWindow.allRecords;
var id = paramMap.id;
var lid = paramMap.lid;
var border = paramMap.border;
var nbDocField = params.nbDocumentField;
var nbDocFolderField = params.nbDocFolderField;
var record = allRecords[id];
var title = record["$TITLE"];
var odd = true;
// Title of window
dataWindow.document.title = title;
// -------------- Functions
function onLoad()
{
if ( border != 1 )
document.body.className='body2';
}
function openImage(index)
{
dataWindow.frames.mainFrame.location.href = "image.html";
dataWindow.paramMap.t = "i";
dataWindow.paramMap.index = String(index);
return false;
}
function fillDocumentRows()
{
for(var ind=0;ind<nbDocField;ind++)
{
var suffix = "doc" + ind + "_";
var recordSuffix = "$" + suffix;
var docFieldName = params[suffix + "Field"];
var docName = columnLabels[docFieldName];
if ( (docName == null) || (typeof docName == 'undefined') )
docName = "";
var idDoc = record[recordSuffix + "ID"];
var docPath = record[recordSuffix + "PATH_DOC"];
var html = "";
html += '<TD width="500px" valign="middle" height="180" align=left border=3 cellSpacing=1 cellPadding=2>\n';
html += '<TABLE vAlign=center class=couleur1 height=166 cellSpacing=1 cellPadding=2 width=6 border=0>\n';
html += '<TBODY>\n';
html += '<TR>\n';
html += '<TD class=couleur2 vAlign=center align=middle>\n';
html += '<TABLE cellSpacing=0 cellPadding=0 width=161 border=0 valign=center>\n';
html += '<TBODY valign=center>\n';
html += '<TR valign=center>\n';
html += '<TD class=titre-img valign=center align=middle width=161>\n';
html += '<DIV id=Layer1 style="BORDER-RIGHT: #00376D 1px; BORDER-TOP: #00376D 1px; Z-INDEX: 1; LEFT: 0px; VISIBILITY: visible; OVERFLOW: hidden; BORDER-LEFT: #00376D 1px; WIDTH: 161px; BORDER-BOTTOM: #00376D 1px; TOP: 0px; HEIGHT: 15px; valign=center;">';
html += docName;
html += '</DIV></TD></TR></TBODY>\n';
html += '</TABLE>\n';
html += '<TABLE height=156 cellSpacing=0 cellPadding=0 width=156 border=0 valign=center>\n';
html += '<TBODY valign=center>\n';
html += '<TR valign=center>\n';
html += '<TD valign=center align=middle width=156 background=./icons/fond-vignette-off.gif height=156>\n';
if(idDoc == 0)
var srcPath = "./ImgPw/PwNoFile.jpg";
else
var srcPath = "./ImgPw/pw_" + idDoc + ".jpg";
var pwWidth = record[recordSuffix + "PWW"];
var pwHeight = record[recordSuffix + "PWH"];
var tagImg = '<img src="' + srcPath + '"';
if((idDoc != 0) && isSelectedOption("LinkToImage"))
tagImg += ' alt="voir l\'image"';
tagImg += ' border="0"';
tagImg += ' width="' + pwWidth + '"';
tagImg += ' height="' + pwHeight + '" align="center"';
tagImg += '>';
if((idDoc != 0) && isSelectedOption("LinkToImage"))
html += '<a href="#" onClick="return openImage(' + ind + ');">' + tagImg + '</a>';
else
html += tagImg;
html += '</TD></TR></TBODY>\n';
html += '</TABLE>\n';
html += '<TABLE valign=center cellSpacing=0 cellPadding=0 width=16 border=0>\n';
html += '<TBODY valign=center>\n';
html += '<TR valign=center>\n';
html += '<TD width=16 height=16 valign=center>\n';
if((idDoc != 0) && isSelectedOption("LinkToImage"))
{
html += '<a href="#">';
html += '<img src="icons/loupe.gif" alt="voir l\'image" border="0"';
html += ' width="12" height="12"';
html += ' onClick="return openImage(' + ind + ');"';
html += '></a>';
}
html += '</TD>\n';
html += '<TD height="16" noWrap valign=center>\n';
if(isSelectedOption("CopyDocument") && (docPath.length > 0) )
{
html += '   '
html += '<a href="' + docPath + '" target="_blank" class="texte">';
html += 'voir l\'original';
html += '</a>';
}
html += '</TD>\n';
html += '</TR></TBODY></TABLE>\n';
html += '</TD>\n';
html += '</TR></TBODY></TABLE>\n';
html += '</TD>\n';
if (ind<nbDocField-1)
html += '<img src="icons/espaceur.gif" width="10" height="10">\n';
document.write(html);
}
}
function fillValueRows()
{
var html = "";
for(var name in record) {
var label = columnLabels[name];
var type = columnTypes[name];
if(label == null) continue;
if(name == "$LocSupport") continue;
if(name == "$GoogleSupport") continue;
if(type == "document") continue;
if(type == "docFolder") continue;
var className = odd ? "couleur3" : "couleur4";
html += '<TR class=' + className + ' vAlign=top>\n';
html += '<TD class=texte noWrap align=left width=0>\n';
html += '<STRONG>' + label + '</STRONG>\n';
html += '</TD>';
html += '<TD align=left width="100%">';
html += record[name];
html += '</TD>';
html += '</TR>';
html += '<TR vAlign=top><TD class=couleur1 noWrap align=left colSpan=2><IMG height=1 src="icons/espaceur.gif" width=1></TD></TR>';
odd = !odd;
}
document.write(html);
}
function fillLocSupportRow()
{
var name = "$LocSupport";
var label= columnLabels[name];
// Label is defined only if we want data about localization
if(typeof label == 'undefined') return false;
label = "Localisation";
// Treatment of localization support
var titleLS = record[name];
var pathLS = record[name + "_PATH"];
if(typeof titleLS == 'undefined') titleLS = "";
if(typeof pathLS == 'undefined') pathLS = "";
var className = odd ? "couleur3" : "couleur4";
var html = "";
var htmlLoc = "";
if (pathLS.length > 0)
{
htmlLoc = '<TABLE class=' + className + ' cellSpacing=1 cellPadding=2 border=0>\n';
htmlLoc += '<TBODY>\n';
htmlLoc += '<TR>\n';
htmlLoc += '<TD class=' + className + ' vAlign=top align=middle>\n';
htmlLoc += '<TABLE cellSpacing=0 cellPadding=0 width=156 border=0>\n';
htmlLoc += '<TBODY>\n';
htmlLoc += '<TR>\n';
htmlLoc += '<TD vAlign=center align=middle>\n';
var pwWidth = record[name + "_WIDTH"];;
var pwHeight = record[name + "_HEIGHT"];;
htmlLoc += '<img src="' + pathLS + '" alt="' + label + '"';
htmlLoc += ' border="0"';
htmlLoc += ' width="' + pwWidth + '"';
htmlLoc += ' height="' + pwHeight + '" align="absmiddle"';
htmlLoc += '>';
htmlLoc += '</TD></TR></TBODY></TABLE>\n';
htmlLoc += '<TABLE class=texte cellSpacing=0 cellPadding=0 width=100% border=0>\n';
htmlLoc += '<TBODY>\n';
htmlLoc += '<TR>\n';
htmlLoc += '<TD height=16 align="middle" nowrap>\n';
htmlLoc += titleLS;
htmlLoc += '</TD></TR></TBODY></TABLE>\n';
htmlLoc += '</TD></TR></TBODY></TABLE>\n';
}
else
htmlLoc = 'Fiche non localisée';
html += '<img src="icons/espaceur.gif" width="10" height="10">\n';
html += '<table width="100%" border="0" cellpadding="2" cellspacing="1" class="couleur1">\n';
html += '<tr>\n';
html += '<td align="center" valign="top" class="' + className + '">\n';
html += '<table width="100%" border=0 cellpadding="1" cellspacing="0" class="texte">\n';
html += '<tr class="' + className + '">\n';
html += '<td valign="top" nowrap>';
html += '<strong>' + label + '</strong>';
html += '</td></tr>\n';
html += '<tr class="' + className + '">\n';
html += '<td align="middle" valign="top" nowrap>\n';
html += htmlLoc;
html += '</td></tr></table>\n';
html += '</td></tr></table>\n';
odd = !odd;
document.write(html);
}
function fillDocFolderRows()
{
var html = "";
for(var ind=0;ind<nbDocFolderField;ind++)
{
var suffix = "docFolder" + ind + "_";
var recordSuffix = "$" + suffix;
var fieldName = params[suffix + "Field"];
var name = columnLabels[fieldName];
var descr = record[recordSuffix + "DESCR"];
if(typeof name == 'undefined') name = "";
if(typeof descr == 'undefined') descr = "";
var data = descr.split(",");
var className = odd ? "couleur3" : "couleur4";
html += '<img src="icons/espaceur.gif" width="10" height="10">\n';
html += '<table width="100%" border="0" cellpadding="2" cellspacing="1" class="couleur1">\n';
html += '<tr>\n';
html += '<td align="center" valign="top" class="' + className + '">\n';
html += '<table width="100%" border=0 cellpadding="1" cellspacing="0" class="texte">\n';
html += '<tr class="' + className + '">\n';
html += '<td valign="top" nowrap>';
html += '<strong>' + GetHtmlStr(name) + '</strong>';
html += '</td>\n';
html += '</tr>\n';
html += '<tr class=' + className + '>\n';
html += '<td valign="top" nowrap>\n';
for (var indData=0; indData<data.length-1; indData += 2 )
{
var dataName = data[indData];
var dataPath = data[indData+1];
html += '<a href="' + dataPath + '" target="_blank" class="texte">';
html += '<img src="icons/doc.gif" width="10" height="13" border="0"> ';
html += GetHtmlStr(dataName);
html += '</a><BR>\n';
}
html += '</td></tr></table>\n';
html += '</td></tr></table>\n';
odd = !odd;
}
document.write(html);
}
function printDocument()
{
window.print();
}
dataWindow.printDocument = printDocument;
// -------------------------
//]]>
//-->
</script>
<META content="MSHTML 6.00.2800.1458" name=GENERATOR>
<style type="text/css">
#content
{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
#form
{
margin: 0 auto;
text-align:center;
}
#fixe
{
position: fixed;
margin: 0 auto;
width: 100%;
height: 100%;
}
a:link {
color: #00376D;
}
a:visited {
color: #00376D;
}
a:hover {
color: #00376D;
}
a:active {
color: #00376D;
}
</style>
<script language="javascript" type="text/javascript">
function validation()
{
if(document.formulaire.nom.value == "")
{
alert ('Veuillez entrer votre Nom, svp.');
document.formulaire.nom.focus();
return false;
}
if(document.formulaire.telephone.value.length != 14){
alert ('Le n° de téléphone doit comporter 10 chiffres et apparaître sous la forme "01.34.19.76.77"');
document.formulaire.telephone.focus();
return false;
}
var mail = document.formulaire.mail.value;
if (mail.search(/^[_a-z0-9-]+(.[_a-z0-9-]+)*[^._-]@[a-z0-9-]+(.[a-z0-9]{2,4})*$/) == -1)
{
alert ('Veuillez entrez une adresse Email valide , svp.');
document.formulaire.mail.focus();
return false;
}
else {return true;}
}
</script>
</HEAD>
<BODY class="body2" leftMargin="0 auto" topMargin="0 auto" marginheight="0 auto" marginwidth="0 auto" onLoad="onLoad ();" onUnload="GUnload();" style="background:url(icons/mob.jpg) fixed bottom right no-repeat" style="height:100%; width:100%;"/>
<TABLE cellSpacing=0 cellPadding=2 width="100%" border=0 id="content">
<TBODY>
<TR>
<TD vAlign=top align=left width="100%">
<TABLE class=texte cellSpacing=0 cellPadding=0 width="100%" border=0 style="margin-left:50px; margin-right:50px;">
<TBODY>
<TR class=couleur3 vAlign=top>
<TD class=titrefiche colSpan=2>
<TABLE cellSpacing=1 cellPadding=5 width=150 align=middle border=0>
<TBODY>
<TR>
<TD align=right class=couleur2>
<TABLE class=texte cellSpacing=0 cellPadding=1 border=0 >
<TBODY>
<TR class=texte>
<TD vAlign=top align=right><STRONG>Référence :</STRONG></TD>
<TD vAlign=top noWrap>
<script language=JavaScript type=text/JavaScript>
<!--
document.write(id);
//-->
</script>
</TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
</TBODY>
</TABLE>
<script language=JavaScript type=text/JavaScript>
<!--
document.write( htmlTitle );
//-->
</script>
</TD>
</TR>
<TR vAlign=top>
<TD class=couleur3 align=left colSpan=2><IMG height=1 src="./icons/espaceur.gif" width=1></TD>
</TR>
<script language=JavaScript type=text/JavaScript>
<!--
fillValueRows(ok);
//-->
</script>
<TR vAlign=top>
<TD class=couleur3 align=left colSpan=2><IMG height=38 src="./icons/espaceur.gif" width=1></TD>
</TR>
<table style="margin-left:50px;">
<TR>
<TD>
<script language=JavaScript type=text/JavaScript>
<!--
fillDocumentRows();
// -->
</script>
</TD></TR></table>
<TABLE align="center" align="middle" cellpadding="auto" cellspacing="auto" hspace="auto" ></br>
<div style="color:#FFF; float:none; text-align:center;">
Si cette face vous intéresse, n'hésitez pas à nous contacter:
<form id="formulaire" name="formulaire" enctype="multipart/form-data" method="post" action="http://www.vediaud.fr/face.php" onSubmit="return validation();" style="vertical-align:middle; text-align:center;"/>
<p style="color:#FFF; text-align:center;"><label for="civilite"></label>
<select name="civilite" id="civilite">
<option>Mr</option>
<option>Mme</option>
<option>Mlle</option>
</select>
<label for="nom"></label>
<input type="text" name="nom" id="nom" value="Votre nom" onFocus="javascript:this.value=''"/>
Votre N° de téléphone :
<label for="tel"></label>
<input type="text" name="telephone" id="telephone" value="ex : 01.34.19.76.77" onFocus="javascript:this.value=''"/>
</p>
<p style="color:#FFF; text-align:center;">Votre e-mail :
<label for="mail"></label>
<input name="mail" type="text" id="mail" size="50" />
</p>
<script>
document.write('<input type="hidden" name="info" value="' + id + '">');
</script>
<p style="color:#FFF; text-align:center;">
<label for="envoyer"></label>
<input type="submit" name="envoyer" id="envoyer" value="Envoyer" />
</p>
</form>
</form></div>
</TABLE>
</TBODY>
</TABLE>
<script language=JavaScript type=text/JavaScript>
<!--
fillLocSupportRow();
fillDocFolderRows();
//-->
</script>
</TD>
</TR>
</TBODY>
</TABLE>
</BODY>
</HTML>
La page est unique et les référence sont ensuite générée par un fichier ".js".
Si une bonne âme passait par là et me résolvé ce problème, ça serait un bonheur!!!
Merci d'avance.