créer image comme la structure en php/html?
J'ai besoin de créer une page deux, image de la structure. Sur la gauche, j'ai toujours envie de montrer un petit formulaire avec près de 10 entrées qui, après avoir cliqué sur le bouton soumettre effectuer un certain traitement et affiche le résultat. J'ai besoin d'avoir accès à la partie gauche en tout temps. La partie droite est traitement de données, l'accès à la base de données et afficher les résultats.
Plus tôt, j'ai créé une page avec des images, mais a quelques problèmes avec le chrome et le fait que la célébrité est depricated, je veux swich à une autre structure.
Je suis à l'aise avec php et html. Quelqu'un m'a suggéré de l'ajax mais je suis nulle dans ce.
Comment puis-je accomplir cadre comme la structure étant constituée de deux parties qui se chargent des fichiers différents?
Grâce
La raison pour laquelle je ne veux pas utiliser de frame est donnée ci-dessous:
J'ai un testframe.php fichier qui se charge testinpform.php en droit
cadre contenant du code pour créer 3 boutons. lorsque je charge le
testframe.php Il montre tous les boutons dans le cadre de droite et de tous les
les boutons fonctionnent comme vous le souhaitez pour la première fois. une fois qu'un bouton est
cliqué, aucune des touches de travail après que vous cliquez. Lorsque je me déplace à
une autre page en utilisant un autre lien et de revenir, alors ces
boutons de commencer à travailler à nouveau.
Ce beavior est uniquement affichée par le navigateur google Chrome.
Si je n'utilise pas d'image et il suffit de charger testinpform.php toutes les touches
comme on le souhaite.
Dans firefox, le même code fonctionne tout à fait bien avec ou sans cadre.
Donc, Est-ce un problème de chrome ou j'ai besoin d'ajouter quelque chose dans mon code
pour le faire fonctionner dans tous les navigateurs.
Mon code est comme suit.
testframe.php
<?php
function generateFrames() {
echo "<FRAMESET COLS=\"360,*\">\n";
echo "<FRAME noresize NAME=\"input\" SRC=\"otherfile.php?page=left\">\n";
echo "<FRAME NAME=\"output\" SRC=\"testinpform.php?page=right\">\n";
echo "</FRAMESET>";
}
if($page=="left") {
echo "<BODY BGCOLOR=\"#FFFFFF\">";
echo "<FONT FACE=\"Arial,Verdana,Helvetica\" COLOR=\"FF0000\" SIZE=\"3\">PHP Tester</FONT>";
echo "<FORM METHOD=\"get\" ACTION=\"processForm.php?page=right\"TARGET=\"output\">\n";
echo "<TABLE BORDER=\"0\" CELLSPACING=\"0\" CELLPADDING=\"0\">\n";
echo "<TR><TD><TEXTAREA NAME=\"input\" COLS=\"100\" ROWS=\"40\"
WRAP=\"virtual\">".$input."</TXTAREA></TD></TR>\n";
echo "<TR><TD ALIGN=\"center\"><INPUT TYPE=\"submit\"
VALUE=\"Execute\"></TD></TR></TABLE></FORM>\n";
echo "</BODY>";
}
else if ($page=="right") {
echo "<BODY BGCOLOR=\"#FFFFFF\">";
if(empty($input)) {
echo "Ready to parse...";
}
else {
$input=stripSlashes($input);
eval($input);
}
echo "</BODY>";
}
else {
generateFrames();
}
?>
testinpform.php
<?php
$filenames = array("file1.txt", "file2.txt", "file3.txt");
$namesToshow = array("file1", "file2", "file3");
$numfiles = count($filenames);
for ($i = 0; $i< $numfiles; $i++)
{
echo"<form enctype=multipart/form-data method=GET
action='viewResult.php' target='_blank' >";
echo"<input type='hidden' name='filetoview' value= $filenames[$i] >";
echo"<input type='submit' value= $namesToshow[$i] >";
echo'</FORM>';
}
echo"<a href= abc.com>click here to go to next page and then come back using the back button>";
?>
Grâce
@Silvertiger
Merci pour votre réponse.
Je suis en train de regarder votre code et essayer de les adapter à mon besoin.
Je suis en donnant l'exemple le plus simple pour mon cas.
frame.php contient le code suggéré par @silvertiger.
Dans la partie de gauche, je veux comprendre "inputform.php" qui a (par exemple) le code suivant:
<form name="secondForm" method="POST" enctype="multipart/form-data" action = 'process.php' target = "output">
<input type="hidden" name="organism" value="human" >
Enter the input in the text box:<br />
<textarea name="textArea" cols="40" rows="6" >Enter your query here</textarea> <br />
<input type="submit" value="submit" class="html-text-box">
</form>
Quand je l'appelle frame.php et appuyez sur le bouton de soumission, le formulaire de saisie de passer l'ensemble des données à process.php qui va montrer son résultat sur la moitié droite.
process.php fichier:
<?php
$organism= $_POST['organism'];
$textArea = $_POST['textArea'];
print ("\n$organism, $textArea");
?>
Quels changements dois-je dans l'frame.php le fichier ci-dessous:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Some Page</title>
<script type="text/javascript" src="includes/jquery-1.5.1.min.js"></script>
<script type="text/javascript">
function loadform1() {
jQuery.ajax({ //create an AJAX call...
data: jQuery('#myform1').serialize(), //get the form data
type: 'POST', //GET or POST
url: 'process.php', //the file to call
success: function(response) { //on success..
$('#displaydata').html(response); //update the DIV
}
//might need to add a return false here so the page won't reload
});
};
</script>
</head>
<body>
<div style="float:left;width:50%;">
<form id="myform1" name="myform1" onsubmit="loadform1()">
<div style="float:left; width: 150px;">Criteria 1</div>
<div style="float:left; margni-right: 20px;">
<input type="text" name="criteria1" value="" />
</div>
<div style="clear:both; height: 30px;"></div>
<div style="float:left; width: 150px;">Criteria 2</div>
<div style="float:left; margni-right: 20px;">
<input type="text" name="criteria2" value="" />
</div>
<div style="clear:both; height: 30px;"></div>
<input type="submit" value="Show Form 1 results" />
</form>
<div style="clear:both; height: 30px;"><hr></div>
</div>
<div id="displaydata" style="float:left;width:50%; text-indent: 30px;">
<?php include('defaultpage.php'); ?>
</div>
</body>
</html>
Merci beaucoup.
- Il y a des centaines de millions d'exemples sur le web.
Vous devez vous connecter pour publier un commentaire.
Utilisation les jeux de cadres:
Un moyen de le faire sans images à l'aide de JQuery. Vous devez obtenir une copie, la version de jquery que j'utilise ici est un peu vieux, mais l'échantillon est toujours valide, et il n'est pas aussi intimidant que vous pourriez penser. Une forme statique, sur la gauche, qui a les variables que vous souhaitez soumettre/piste, puis un JQuery appel (javascript) j'appelle le chargement de la page dans un div. tout est dynamique, pas de rechargement de page nécessaires, etc.
alors c'est juste une question de création d'un formulaire par "fonction" que vous souhaitez afficher, puis copier/coller et modifier le jquery appel à soumettre l'autre forme à une autre page... je vais modifier l'exemple pour avoir 2 formes :). Si vous avez juste besoin d'1 formulaire qui exécute des fonctions avec 10 ou 12 champs, supprimer le "myform2" trucs et vous êtes bon pour vous!!!
Voir ci-dessous
myFile.html
myFileA.html
myFileB.html
Également créer
a.html
,b.html
etc.html
.Ouvrir
myFile.html
dans le navigateur et de voir la MAGIE...Laissez-moi savoir si quelque chose d'autre est nécessaire!!!
Bonne Chance!!! Cheers!!!