formular vererben/wiedergenerieren

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • formular vererben/wiedergenerieren

    Hallo liebe easy-coding user,

    ich beschäftige mich schon seit längerem als Hobbytüftler mit Webseiten komme aber aus dem Einsteigerstatus nicht heraus. Ich stoße immer wieder auf neue scriptsprachen neue Fragen und immer mehr ist es den einstig schwer zu finden. Derzeit probiere ich mich in Ajax aus und versuche eine kleine Applikation zu programmieren.

    Mein derzeitiges Problem ist somit einfach, ich will es aber auch einfach beschreiben.

    Ich habe ein Formular erstellt was ein paar Boxen Textboxen und ein Submit button. Ich will nun per Knopfdruck den Namen dieses Formular aufrufen es wiedergenerieren und das generierte an das ursprüngliche anhängen. Sollte eigentlich machbar sein. Ansätze habe ich gefunden aber den Durchblick habe ich noch nicht, deshalb funktioniert es auch nicht. Wäre nett wenn mir jemand die logische Schritte erklärt wie ich das umsetzten soll.

    Vielen Dank

    P.S. darf man eigentlich links zur eigenenen homepage mit dem aktuellen Problem posten, dann kann ich euch das Formular zeigen, hätte da ein oder zwei weitere Fragen!

  • formular wiedergenerieren

    Danke für die schnelle Antwort, meine Seite befindet sich unter der Domain ideatechnology.eu/it

    Diese Seite besteht aus mehreren Dateien,

    Quellcode

    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <head>
    4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    5. <title>ideaTech</title>
    6. </head>
    8. <body class="oneColElsCtr">
    9. <div id="Container">
    11. <div id="mainContent">
    12. <h1 align="center" class="style2">ideaTechnology</h1>
    13. </div></div>
    14. <div id="Container">
    15. <form action="javascript:get(document.getElementById('myform'));" name="myform" id="myform">
    16. <div id="ideaContent">
    17. <div id="mainContent" >
    19. <div id="Content">
    21. <h2>myWorld</h2>
    22. <table border="0">
    23. <tr>
    24. <td> Language: </td>
    25. <td><?PHP echo "<select>\n"; while($row=mysql_fetch_array($ergebnis)){
    26. $option="<option>".$row['language_id']. " " .$row['language']."</option>\n";
    27. echo $option; } echo "</select> \n"; ?> </td>
    28. </tr>
    30. <tr>
    31. <td>Categories: </td>
    32. <td><?PHP echo "<select>\n"; while($row=mysql_fetch_array($ergebnisCategory)){
    33. $option="<option>".$row['category_id']. " " .$row['category']."</option>\n";
    34. echo $option; } echo "</select> \n"; ?> </td>
    35. </tr>
    36. <tr>
    37. <td>Username: </td>
    38. <td><?PHP echo "<select>\n"; while($row=mysql_fetch_array($ergebnisUser)){
    39. $option="<option>".$row['user_id']. " " .$row['username']."</option>\n";
    40. echo $option; } echo "</select> \n"; ?> </td>
    41. </tr>
    42. <tr>
    43. <td>Password: </td>
    44. <td><input name="Password" type="text" id="Password" value="" size= 10 ></td>
    45. </tr>
    46. </table>
    48. </div>
    50. <div id="Content">
    54. <h2>Title</h2>
    55. <a > <input name="title" type="text" id="title" value="" ></a>
    56. <h2>Description</h2>
    57. <a > <textarea name="abstract" rows="5" id="abstract" ></textarea></a>
    59. </div>
    61. <div id="Content">
    62. <h2>Content</h2>
    63. <a > <textarea name="idea" rows="8" id="idea" ></textarea></a>
    64. </div>
    67. <div id="Content">
    68. <h2>Suggestion</h2>
    69. <a > <textarea name="suggest" rows="8" id="suggest" ></textarea></a>
    71. </div>
    74. <div id="Content">
    75. <h2>Platons World</h2>
    76. <input type="button" name="button" value="Submit"
    77. onclick="javascript:get(this.parentNode);">
    78. </div></div></Form></div></div>
    81. <p id="Fusszeile"></p>
    Alles anzeigen


    ich will nun die Form "myForm" jedesmal wenn ich auf den Submit Button drücke generieren und mit Inhalt diese unter der ersten Trennungslinie anhängen, die weiteren myForms sollen dann auch jedesmal eine Rreihe drunter. Desweiteren würde ich gerne alle Textboxen die sich in einem Container befinden (Titel, Abstract, idea, ...) unabhängig von der Größe des Browserfensters in einer Zeile anzeigen lassen. Dies ist mir bedingt gelungen weil wie man leicht an den unübersichtlichen gestrichelten Linien ein div Chaos erkennt. Ich würde da gerne eine bessere Lösung finden.

    Quellcode

    1. body {
    2. color: white; background-color: white;
    3. font-size: 100.01%;
    4. font-family: Helvetica,Arial,sans-serif;
    5. margin: 0; padding: 1em;
    6. min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
    7. }
    9. .oneColElsCtr #container {
    10. width: 76em;
    11. background: #FFFFFF;
    12. margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    13. border: 1px ridge silver;
    14. text-align: left; /* this overrides the text-align: center on the body element. */
    16. }
    17. .oneColElsCtr #mainContent {
    18. margin: 0em 0.7em 0.7em;/* remember that padding is the space inside the div box and margin is the space outside the div box */
    20. font-size: 0.9em;
    21. border: 1px dashed silver;
    22. background:#FFFFFF; border: 1px dashed silver;
    23. }
    25. div #ideaContent {
    26. margin: 0em 0.7em 0.7em;/* remember that padding is the space inside the div box and margin is the space outside the div box */
    28. font-size: 0.9em;
    29. border: 1px dashed silver;
    30. background:#FFFFFF; border: 1px dashed silver;
    31. }
    32. .oneColElsCtr #Content {
    33. width:12em;
    34. padding: 8 20px;
    35. float: left; width: 15em;
    36. margin: 0em 0.5em 1.1em; padding: 0;
    37. background-color: #FFFFF; border: 1px dashed silver;
    39. }
    41. h2 {
    42. font-size: 1.5em; color:#FFFFFF;
    43. text-transform: uppercase;
    44. margin: 0.7em 0 0.7em; padding: 0.3em;
    45. text-align: center;
    46. width="5em"
    47. background-color: #003366;
    48. border: 1px dashed silver;
    49. }
    51. h1 {
    52. font-size: 1.5em; color:#000000;
    53. text-transform: uppercase;
    54. margin: 0.7em 0 0.7em; padding: 0.3em;
    55. text-align: center;
    56. background-color: #FFFFFF;
    57. border: 1px dashed silver;
    58. }
    Alles anzeigen


    Quellcode

    1. var http_request = false;
    2. function makePOSTRequest(url, parameters) {
    3. http_request = false;
    4. if (window.XMLHttpRequest) { // Mozilla, Safari,...
    5. http_request = new XMLHttpRequest();
    6. if (http_request.overrideMimeType) {
    7. // set type accordingly to anticipated content type
    8. //http_request.overrideMimeType('text/xml');
    9. http_request.overrideMimeType('text/html');
    10. }
    11. } else if (window.ActiveXObject) { // IE
    12. try {
    13. http_request = new ActiveXObject("Msxml2.XMLHTTP");
    14. } catch (e) {
    15. try {
    16. http_request = new ActiveXObject("Microsoft.XMLHTTP");
    17. } catch (e) {}
    18. }
    19. }
    20. if (!http_request) {
    21. alert('Cannot create XMLHTTP instance');
    22. return false;
    23. }
    25. http_request.onreadystatechange = alertContents;
    26. http_request.open('POST', url, true);
    27. http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    28. http_request.setRequestHeader("Content-length", parameters.length);
    29. http_request.setRequestHeader("Connection", "close");
    30. http_request.send(parameters);
    31. }
    33. function alertContents() {
    34. if (http_request.readyState == 4) {
    35. if (http_request.status == 200) {
    36. //alert(http_request.responseText);
    37. result = http_request.responseText;
    38. document.getElementById('myform').innerHTML = result;
    40. } else {
    41. alert('There was a problem with the request.');
    42. }
    43. }
    44. }
    46. function get(obj) {
    47. var poststr = "&title=" + encodeURI( document.getElementById("title").value ) +
    48. "&abstract=" + encodeURI( document.getElementById("abstract").value )+
    49. "&idea=" + encodeURI( document.getElementById("idea").value )+
    50. "&suggest=" + encodeURI( document.getElementById("suggest").value );
    51. makePOSTRequest('include.php', poststr);
    53. }
    Alles anzeigen


    Quellcode

    1. $title = $_POST['title'];
    2. $abstract = $_POST['abstract'];
    3. $idea = $_POST['idea'];
    4. //$language = $_POST['language'];
    5. $suggest = $_POST['suggest'];
    6. //$user = $_POST['user'];
    7. //$category=$_POST['categories'];
    10. //Die Datenbank mit ideen füllen
    11. mysql_query("INSERT INTO ideas (title,abstract,idea,suggest) VALUES ('$title','$abstract','$idea','$suggest')");
    12. $res=mysql_insert_id();
    13. $zeiger=mysql_query("select * from ideas where idea_id = $res");
    14. $werte=mysql_fetch_array($zeiger);
    15. $all_ideas=mysql_query("select * from ideas");
    17. /*die ajax box mit daten aus der datenbank füllen
    18. while ($ds=mysql_fetch_object($all_ideas)){
    19. echo '';
    21. echo '
    27. ';
    28. }
    33. echo ' '.$ds->title.' '.$ds->abstract. ' '.$ds->idea.' '.$ds->suggest. ' '.$ds->category.' ';*/
    35. ?>
    Alles anzeigen



    Hoffe dass das nicht zuviel Code war, einige Kleinigkeiten wie Verbindung zur Datenbank habe ich raus gehalten :whistling: