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.
InformationsquelleAutor learner | 2012-01-21