Bei Klick auf grafischen Button Text ersetzen.

I

Ikkunaprincessa

Grünschnabel
Hallo!

Also mein Problem. Ich habe hier einige Daten die ich aus der Datenbank auslese:
PHP: 
<? 
include("inc/db.php");
$abfrage = "SELECT * FROM computerverwaltung WHERE id =".$_GET['id'];
$ergebnis = mysql_query($abfrage);
while($row = mysql_fetch_object($ergebnis))
 {
 		echo "<img scr=\"img/edit.jpg\"><br>";
 		echo "$row->benutzername<br>";
		echo "$row->rechnername<br>";
		echo "$row->IP<br>";
		echo "$row->domaene<br>";
		echo "$row->domaenen_pw<br>";
		echo "$row->telefon<br>";
		echo "$row->email<br>";
		echo "$row->benutzername_email<br>";
		echo "$row->pw_email<br>";
 }
?>

und ich möchte gerne das wenn ich auf das bild klicke (edit.jpg) das dann alle
ausgegebenen Daten durch input felder ersetzt werden die man dann bearbeiten
kann und wieder in der Datenbank speichern kann.

Ich hab mir auch hier das Tutorial "Bei Klick jetzigen Text durch <input> ersetzen?"
durchgelesen und der Code:

Code: 
function toggle_text(obj) {
  var i = 0;
  var obj2 = null;
  var nextobj = obj.nextSibling;
  while(i<15) {
    if(nextobj != null && nextobj.nodeName == "INPUT") {
      obj2 = nextobj;
      break;
    }
    nextobj = nextobj.nextSibling;
    i++;
  }
  obj.style.display = "none";
  obj2.style.display = "";
  obj2.value = obj.innerHTML;
 
}
</script>
ist auch recht nützlich nur man kann hiermit nur eine datei bei klick darauf ersetzen
und ich möchte ja wie gesagt alle :)

Bitte könnt ihr mir helfen.
Codeschnipsel wären auch nett da ich nicht so der Burner in JS bin :)
DANKE!
 
Ich weis jetzt nicht ob ich deine Frage richtig verstanden hab, aber ich mach mal einen Vorschlag:
HTML: 
<head>
<script type="text/javascript">
function swap_to_input(obj)
{
    var el=obj.parentNode.parentNode;
    var newsub=null;
    var folow=el.firstChild;
    var count=el.childNodes.length;
    var i=0;
    while(i<count)
    {
        if(folow.className=="ch"&&folow.firstChild.tagName!="INPUT")
        {
            newsub=document.createElement("INPUT");
            newsub.value=folow.innerHTML;
            folow.innerHTML="";
            folow.appendChild(newsub);
        }
        folow=folow.nextSibling;
        i++;
    }
    obj.setAttribute("onclick","document.getElementById('post_form').submit()"); // Beim nächsten Anklicken des edit.jpg wird das FORM abgesendet
}
</script>
</head>
<body>
<form method="post" id="post_form" action="recieve.php">
    <table>
        <thead>
            <tr>
                <td>Bearbeiten/Absenden</td>
                <td>Name</td>
                <td>RechnerName</td>
                <td>Ip</td>
                <td>domaene</td>
                <td>domaenen_pw</td>
                <td>telefon</td>
                <td>email</td>
                <td>benutzername_email</td>
                <td>pw_email</td>
            </tr>
        </thead>
        <tbody>
            <tr style="background-color:green;">
                <td><img style="height:30px;width:30px;" onclick="swap_to_input(this)" src=\"img/edit.jpg\"></img></td>
                <td class="ch" name="name">HansWurst</td>
                <td class="ch" name="rechnername">Rechner</td>
                <td class="ch" name="ip">127.0.0.1</td>
                <td class="ch" name="domaene">global</td>
                <td class="ch" name="domaenen_pw">nonglobal</td>
                <td class="ch" name="telefon">92388943993</td>
                <td class="ch" name="email">bla@bla.de</td>
                <td class="ch" name="benutzername_email">bla</td>
                <td class="ch" name="pw_email">blabla</td>
            </tr>
        </tbody>
    </table>
</form>
</body>
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück