Mit Onclick Array Werte in verschiedene Input felder ablegen

Givemoney · 07/27/2015, 18:12

Guten Abend,

Ist Zustand:

Es ist eine Rechnung.php Datei vorhanden.
Dort kann man nach Artikeln und Kunden suchen.

Das funktioniert auch reibungslos.
Bild:1

Spoiler

Bild.2 ( Suche hier wird leider nur ein Wert übergeben)

Spoiler

Bild.3 DB

Spoiler

Leider gibt es aber ein Problem bei der auswahl.php (Artikel auswahl).

Soll:

Nach der Suche kommen die Artikel [ Computer0,Computer120,Computer001 ].

Nun klicke ich auf Artikel Computer0, jetzt werden die Werte vom Array in das erste input feld geschrieben.

Nun möchte ich, wenn ich Artikel Computer120 wähle, diese Werte auch in ein andere Input feld packen. Leider Funktioniert das nicht, er überspeichert immer den erten Input.

Kann mir jemand helfen und sagen wie ich die 2. Artikel Werte in ein anderes input Feld bekomme?

Mir reichen auch Vorschläge, wie ich das anders Händeln kann. Ich habe das ganze auch schon mit einem Dropdown-Menü Menü versucht. Leider zwecklos. Ich bekomme es nur mit einer Artikel Übergabe hin.

Evtl hier eine livebild.

Login Daten.

test

oder hier FTP Daten:
ID:212.224.114.19
Benutzer:test
PW: lol44

In der Suche muss Computer eingegeben werden.

Hier mein Code.
auswahl.php hier gibt er nur ein Wert weiter..

PHP Code:


			
<?php
$s = ($_GET['s']);

$con = mysqli_connect('localhost:3307','root','1234','jus tin');
if (!$con) {
die('Could not connect: ' . mysqli_error($con));
}

$rows = array();

mysqli_select_db($con,"parameter");
$sql="SELECT * FROM article WHERE description = '".$s."'";
$result = mysqli_query($con,$sql);

echo "<br>";



while($row = mysqli_fetch_array($result)) {
$rows[] = $row;


}



foreach ($rows as $row) {




echo "<p align='center'><table><tr><td onclick=document.getElementById('Ausgabe2').value= '".$row["idart"].",".$row["description"].",".$row["price"].",".$row["supplier"]."'>".$row["description"]."".$row["price"]."</td></tr></table></p>";


}

echo "<p align='center'><input class='textfield' type='text' value='' name='Ausgabe2' id='Ausgabe2'></p> ";
echo "<p align='center'><input class='textfield' type='text' value='' name='Ausgabe3' id='Ausgabe3'></p> ";
echo "<br>";



mysqli_close($con);

?>

Hauptseite (Hier funktioniert alles)

PHP Code:


			
<!-- Login Session Anfang -->
<?php
session_start();
include_once 'dbconnect.php';
if(!isset($_SESSION['user']))
{
header("Location: index.php");
}
$res=mysql_query("SELECT * FROM users WHERE user_id=".$_SESSION['user']);
$userRow=mysql_fetch_array($res);
?>
<html>
<head>
<!-- Formatierung -->
<link href="style.css" rel="stylesheet" type="text/css" />
<title>Golder GmbH</title>
</head>
<div id="container" align="center">
<div id="header">
<h1>Warenwirtschaft</h1>
<!-- Navigation -->
<div id="nav"
<a href="home.php"></a><a href="home.php">Home</a><a href="Neuerkunde.php">Neuer Kunde</a><a href="artikel1.php">Arikel</a><a href="Rechnung.php">Rechnung</a><a href="logout.php?logout">Logout</a>
</div>
</div>
<div id="content">
<br><br>
<body>
<!-- fieldset -->
<fieldset>
<!-- Ausgabe mit Namen-->
<div id='erstellt'>Neuer Rechnung wird erstellt von: <?php echo "<b>".$userRow['username']."</b>"; ?> </div>
<h2><p align="center">Rechnung erstellen</p></h2>
<!-- Form wird an "insertnew.php" geschickt-->
<form action="insertnew.php" return false; method="POST">
<!-- Javascript holt die Daten von "getuser2.php" und getarticle.php-->
<script>function showUser(str) {
if (str == "") {
document.getElementById("Daten").innerHTML = "";
return;
} else {
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {
// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("Daten").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET","getuser2.php.php?q="+str,true
xmlhttp.send();
}
}
function showArticle(str) {
if (str == "") {
document.getElementById("Artikel").innerHTML = "";
return;
} else {
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else {
// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("Artikel").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET","auswahl.php?s="+str,true
xmlhttp.send();
}
}



// Popup Funktion
function popup(URL) {
w = window.open(URL, "", "width=770,height=500,left = 250,top = 262");
}
</script>
<!-- Suchfunktion für die Personen-->
<p align="center"><input class="user" name="user" value="" placeholder="Kunde Nachname" onchange="showUser(this.value)"></p>
<!-- Ausgabe für das Dropdown Menü mit den Personen-->
<div id="Daten" align="center" name"test2"></div>
<p align="center"><input class="user" name="artikel" value="" placeholder="Artikel" onchange="showArticle(this.value)"></p>
<!-- Ausgabe für das Dropdown Menü mit den Personen-->
<div id="Artikel" align="center" name"test3"></div>

<!-- Input Eingabe -->
<p align="center"><input type=button value="Artikel auswählen"onclick="javascript:popup('auswahl.php') " > </a></button> </p>
<p align="center">
<input class="kunde" name="article" required="required" placeholder="Artikel" type="text"></p>
</p>
<p align="center">
<input class="kunde" name="count" required="required" placeholder="Menge" type="text"></p>
</p>
<p>
<p align="center">
<input class="kunde" name="price" required="required" placeholder="Einzelpreis" type="text"></p>
</p>
<p align="center">
<input class="kunde" name="ust" required="required" placeholder="UST 19%" type="text"></p>
</p>
<p align="center">
<input type="hidden" name="test" required="required" placeholder="19%" type="text"></p>
</p>
</select>
<p><p align="center"><input class="sende01" type='submit' id='' value='Senden'> <input class="sende01" value="Löschen" type="reset"></p>
</form>
<!-- fieldset ende-->
</fieldset>
</div>
<!-- Hier beginnt der Footer berreich [Fußzeile]-->
<div id="footer">
<a href="Impressum.php">Impressum</a>
</div>
</div>
</body>
<!-- Rest Code -->
<!-- <p align="center">Artikel:<input name="Article" value="" onchange="showArticle(this.value)"> </p> -->
<!-- <div align="center" id="Artikel" name"test3">DivArt</div> -->
<!-- hidden Content -->
<!-- PopUp Function -->
<!--<script>
function popup(URL) {
w = window.open(URL, "", "toolbar=0,scrollbars=0,location=0,statusbar=0,men ubar=0,resizable=0,width=650,height=500,left = 390,top = 262");
}
</script>
<!--<body onLoad="javascript:popup('Impressum.php')"> -->
<!--<p align="center"><label></label> <select name="auswahl" id='myselect' onchange="document.getElementById('myhidden').valu e=this.value"> </p>
<!-- Select Anfrage <?php
$db_server = 'localhost:3307';
$db_name = 'justin';
$db_user = 'root';
$db_passwort = '1234';
$db = @ mysql_connect ( $db_server, $db_user, $db_passwort )
or die ( 'Konnte keine Verbindung zur Datenbank herstellen' );
$db_check = @ mysql_select_db ( $db_name );
if ( $db )
{
echo 'Verbindung zur Datenbank wurde hergestellt';
}
$sql = "SELECT lastname FROM adress";
$result = mysql_query($sql) OR die(mysql_error());
while($row = mysql_fetch_assoc($result)) {
echo("<option>".$row['lastname']."</option>");
}
?>
<p align="center"><a href ="javascript:popup('auswahl.php')" > Artikel auswählen</a> </p> -->
</html>

Daifoku · 07/27/2015, 19:11

Damit ich das richtig verstehe:

Du hast eine Anzeige von diversen Produkten auf dem Bildschirm.
Wenn der Nutzer auf eines dieser Produkte klickt, soll es automatisch zum Warenkorb hinzugefügt werden.
Wenn der Nutzer dann "Kaufen" klickt, sollen die ausgewählten Produkte an anderer Stelle weiter verarbeitet werden ?

Ist jquery eine Option ?
Du bist übrigens mit deinem oben gannten Code nicht gegen SQL-Injections geschützt

edit:

hab mal was auf die schnelle gebastelt. JQuery benötigt. Ich habs nicht so mit purem javascript

PHP Code:


			
 <?php

$output = array();

while($row = mysqli_fetch_array($result))

    $output[] = '<li class="article" data-idart="'.$row["idart"].'">'. $row["description"] . ' '  . $row["price"] .'</li>';

echo '<ul>' . implode($output) . '</ul>';



?>

<script>

    (function( $ ) {



    $.fn.tag = function( action ) { 

       if( action == "initialize"){

            return this.each(function(){

                var obj = $( this );

                obj.hover(function(){console.log(obj.attr('data-idart'));},function(){/*hoverOut*/});

                obj.click(function(){alert(obj.attr('data-idart'))});

            });

       } 

    };

 

}( jQuery ));



$("li.article").tag("initialize");

</script>

hover/click kann man dann entsprechend anpassen und ggf die id irgendwo rein schreiben

Givemoney · 07/27/2015, 22:45

Ich habe nochmal alles genau beschrieben alles editiert. Auch mit Bildern.
Ich lese mir morgen deinen Beitrag durch und teste mal alles mögliche mit deiner Version aus.

Morgen kommt das Feedback. Wenn du noch eine andere möglichkeit findest bitte melden.

Daifoku · 07/27/2015, 23:05

Meine Version ist allerdings nur ein Grundgerüst und führt dich noch keineswegs an dein Ziel. Es wurde nur ein Listener hinzugefügt, der deine Produkte auf "clicks" und "hover" überwacht und letztendlich dann eine Aktion ausführt. Momentan besteht diese Aktion nur aus einer MessageBox ;-)

Also nach deiner Ergänzung scheint mir das ganze echt so zu sein, wie ich es mit meinem Warenkorb geschildert habe. Ich bin kein Profi was sowas angeht, allerdings könnte man sowas auch mit einer Session relalisieren ;-) Egal, wir bleiben mal bei dem Javascript Ansatz.

unbedingt beantworten : Für wen ist die Seite gedacht ? Für die Kunden ? oder ist die Seite nur eine Hilfe für Mitarbeiter ? Letzteres wäre ok, für Kunden ist das aktuelle Gerüst nicht Sicher und kann unter keinen Umständen so online gestellt werden ;-)

Ich poste gleich mal n Ansatz ~

So, hier ein fiddle:

Durch mehrmaliegs anklicken wird das Element wieder entfernt.
Wenn du nun das ganze absendest, musst du nur das eine input Feld abfragen.

PHP Code:


			
$ids = explode($_POST['ids'], "|");
foreach($ids as $id){
//Datenbankabfrage nach der ID um die restlichen benötigten Daten zur Weiterverarbeitung zu fetchen.
}

Givemoney · 07/28/2015, 13:35

Wie kann ich die Javafunction auch ohne Reload starten?.

Meine Webseite benutzt keine Reload. Für die Artikel ausgabe.

Daifoku · 07/28/2015, 13:51

wieso reload ?

Sobald die Seite offen ist, kannst du die Artikel einfach anklicken und die IDs der jeweiligen Artikel werden in das InputFeld gelegt ? Ich sehe da keinen reload

Givemoney · 07/28/2015, 13:59

Ich habe win.load eingefügt, weil es ohne die function nicht gestart hat.

PHP Code:


			
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
 (function( $ ) {
    var list = new Array();
    $.fn.tag = function( action ) {
       if( action == "initialize"){
            return this.each(function(){
                var obj = $( this );
                obj.click(function(){
                    testList(obj.attr("data-idart"));
                    $("#ids").val(list.join("|"));
                });
            });
       };

        function testList($id){
            var index = $.inArray( $id, list );
            if(index  >= 1)
                list.splice(index,1); /* remove from list */
            else
                list.push($id);
        };
    };

}( jQuery ));
$("ul.article > li").tag("initialize");
});//]]>

</script>

Wenn ich deine Fiddle Version 1:1 Kopiere Funzt das ganze nicht auch nur mit dein Script auf einer Extra seite funzt nicht.

Hast du deine Version mal Lokal getestet?

Daifoku · 07/28/2015, 14:05

Ich sehe da kein Problem

Funktioniert wie gewollt

Givemoney · 07/28/2015, 15:06

Also es funktioniert direkt auf der Seite.
Aber nicht, wenn ich auf der Rechnungseite den Artikel im suchfeld eingebe und dann die andere Datei mit dein Script erscheint.

Dein Script geht aber nur auf der Seite Auswahl.php dort ist der Code auch drine.

Aber mit Rechnung.php hol ich mir die inhalte von Auswahl.php, somit kann alles auf einer Datei gemacht werden. Aber leider geht dann deine Funktion nichtmehr.

Hier Rechnung.php

PHP Code:


			
<!-- Login Session  Anfang -->
<?php
session_start();
include_once 'dbconnect.php';
if(!isset($_SESSION['user']))
{
header("Location: index.php");
}
$res=mysql_query("SELECT * FROM users WHERE user_id=".$_SESSION['user']);
$userRow=mysql_fetch_array($res);
?>
<html>
<head>
<!-- Formatierung -->
<link href="style.css" rel="stylesheet" type="text/css" />
<title>Golder GmbH</title>
</head>
<div id="container" align="center">
<div id="header">
<h1>Warenwirtschaft</h1>
<!--  Navigation -->
<div id="nav"
<a href="home.php"></a><a href="home.php">Home</a><a href="Neuerkunde.php">Neuer Kunde</a><a href="artikel1.php">Arikel</a><a href="Rechnung.php">Rechnung</a><a href="logout.php?logout">Logout</a>
</div>
</div>
<div id="content">
<br><br>
<body>
<!-- fieldset -->
<fieldset>
<!-- Ausgabe mit Namen-->
<div id='erstellt'>Neuer Rechnung wird erstellt von: <?php echo "<b>".$userRow['username']."</b>"; ?>  </div>
<h2><p align="center">Rechnung erstellen</p></h2>
<!-- Form wird an "insertnew.php" geschickt-->
<form action="insertnew.php" return false; method="POST">
<!-- Javascript holt die Daten von "getuser2.php" und getarticle.php-->
<script>function showUser(str) {
    if (str == "") {
        document.getElementById("Daten").innerHTML = "";
        return;
    } else {
        if (window.XMLHttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {
            // code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                document.getElementById("Daten").innerHTML = xmlhttp.responseText;
            }
        }
        xmlhttp.open("GET","getuser2.php.php?q="+str,true);
        xmlhttp.send();
    }
}
         function showArticle(str) {
    if (str == "") {
        document.getElementById("Artikel").innerHTML = "";
        return;
    } else {
        if (window.XMLHttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {
            // code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                document.getElementById("Artikel").innerHTML  = xmlhttp.responseText;
            }
        }
        xmlhttp.open("GET","auswahl.php?s="+str,true);
        xmlhttp.send();
    }
}



// Popup Funktion
function popup(URL) {
w = window.open(URL, "", "width=770,height=500,left = 250,top = 262");
}
</script>
<!--<script type='text/javascript' src='jquery-2.1.3.js'></script>




  <link rel="stylesheet" type="text/css" href="/css/result-light.css">

  <style type='text/css'>
    .article{
    list-style:none;
}
.article > li{cursor:pointer;}
.article > li:nth-of-type(2n+1){

}
.article >li:hover{
    color:red;
}
  </style>     -->



<!-- <script type='text/javascript'>//<![CDATA[
$(document).ready(function(){
 (function( $ ) {
    var list = new Array();
    $.fn.tag = function( action ) {
       if( action == "initialize"){
            return this.each(function(){
                var obj = $( this );
                obj.click(function(){
                    testList(obj.attr("data-idart"));
                    $("#ids").val(list.join("|"));
                });
            });
       };

        function testList($id){
            var index = $.inArray( $id, list );
            if(index  >= 1)
                list.splice(index,1); /* remove from list */
            else
                list.push($id);
        };
    };

}( jQuery ));
$("ul.article > li").tag("initialize");
});//]]>

</script>    -->


<!-- </head>
<body>
  <ul class="article">
    <li data-idart="Artikel1">Artikel mit ID 1</li>
    <li data-idart="Artikel12">Artikel mit ID 2</li>
    <li data-idart="Artikel3">Artikel mit ID 3</li>
</ul>    -->

<!-- hidden Atribut zur Veranschaulichung weggelassen -->
<!-- <form method="post">
    <input id="ids" type="text" name="ids"/>
    <input type="submit" value="Submit"/>
</form>-->

<!-- Suchfunktion für die Personen-->
<p align="center"><input class="user" name="user" value="" placeholder="Kunde suchen"  onchange="showUser(this.value)"></p>
<!-- Ausgabe für das Dropdown Menü mit den Personen-->
<div id="Daten"  align="center" name"test2"></div>
<p align="center"><input class="user" name="artikel" value="" placeholder="Artikel suchen"  onchange="showArticle(this.value)"></p>
<!-- Ausgabe für das Dropdown Menü mit den Personen-->
<div id="Artikel"  align="center" name"test3"></div>

<!-- Input Eingabe -->
<p align="center"><input type=button value="Artikel auswählen"onclick="javascript:popup('auswahl.php')" > </a></button>    </p>
<p align="center">
<input class="kunde" name="article" required="required" placeholder="nicht beachten" type="text"></p>
</p>
<p align="center">
<input class="kunde" name="count" required="required" placeholder="nicht beachten" type="text"></p>
</p>
<p>
<p align="center">
<input class="kunde" name="price" required="required" placeholder="nicht beachten" type="text"></p>
</p>
<p align="center">
<input class="kunde" name="ust" required="required" placeholder="nicht beachten" type="text"></p>
</p>
<p align="center">
<input type="hidden" name="test" required="required" placeholder="nicht beachten" type="text"></p>
</p>
</select>
<p><p align="center"><input class="sende01" type='submit' id='' value='Senden'> <input class="sende01" value="Löschen" type="reset"></p>
</form>
<!-- fieldset ende-->
</fieldset>
</div>
<!-- Hier beginnt der Footer berreich [Fußzeile]-->
<div id="footer">
<a href="Impressum.php">Impressum</a>
</div>
</div>
</body>
<!-- Rest Code -->
<!-- <p align="center">Artikel:<input name="Article" value="" onchange="showArticle(this.value)">  </p>  -->
<!-- <div align="center" id="Artikel" name"test3">DivArt</div>   -->
<!-- hidden Content -->
<!--   PopUp Function   -->
<!--<script>
function popup(URL) {
w = window.open(URL, "", "toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=650,height=500,left = 390,top = 262");
}
</script>
<!--<body onLoad="javascript:popup('Impressum.php')"> -->
<!--<p align="center"><label></label> <select name="auswahl" id='myselect' onchange="document.getElementById('myhidden').value=this.value"> </p>
<!-- Select Anfrage <?php
$db_server = 'localhost:3307';
$db_name = 'justin';
$db_user = 'root';
$db_passwort = '1234';
$db = @ mysql_connect ( $db_server, $db_user, $db_passwort )
or die ( 'Konnte keine Verbindung zur Datenbank herstellen' );
$db_check = @ mysql_select_db ( $db_name );
if ( $db )
{
echo 'Verbindung zur Datenbank wurde hergestellt';
}
$sql = "SELECT lastname FROM adress";
$result = mysql_query($sql) OR die(mysql_error());
while($row = mysql_fetch_assoc($result)) {
echo("<option>".$row['lastname']."</option>");
}
?>
<p align="center"><a href ="javascript:popup('auswahl.php')" > Artikel auswählen</a>    </p>    -->
</html>

Auswahl.php

PHP Code:


			
<!-- Login Session  Anfang -->
<?php
session_start();
include_once 'dbconnect.php';
if(!isset($_SESSION['user']))
{
header("Location: index.php");
}
$res=mysql_query("SELECT * FROM users WHERE user_id=".$_SESSION['user']);
$userRow=mysql_fetch_array($res);
?>
<html>

   <style>
                   .article{
                        list-style:none;
                }
                .article > li{cursor:pointer;}
                .article > li:nth-of-type(2n+1){
                background-color:#ccc;
                }
                .article >li:hover{
                        color:red;
                }
   </style>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  </head>
  <body>
    <ul class="article">
                <li data-idart="1">Artikel mit ID 1</li>
                <li data-idart="2">Artikel mit ID 2</li>
                <li data-idart="3">Artikel mit ID 3</li>
        </ul>

        <!-- hidden Atribut zur Veranschaulichung weggelassen -->
        <form method="post">
                <input id="ids" type="text" name="ids"/>
                <input type="submit" value="Submit"/>
        </form>

</head>



   <!-- <select name='Eingabe1' onchange='var r = document.forms[0].Eingabe1.selectedIndex; document.forms[0].Ausgabe1.value=document.forms[0].Eingabe1.options[r].value;' >
<!-- Ausgabe mit Namen-->


<!-- Form wird an "insertnew.php" geschickt-->

<!-- Javascript holt die Daten von "getuser2.php" und getarticle.php-->

   <!--<?php
$s = ($_GET['s']);

$con = mysqli_connect('localhost:3307','root','1234','justin');
if (!$con) {
die('Could not connect: ' . mysqli_error($con));
}

$rows = array();

mysqli_select_db($con,"parameter");
$sql="SELECT * FROM article WHERE description = '".$s."'";
$result = mysqli_query($con,$sql);

 echo "<br>";



while($row = mysqli_fetch_array($result)) {
$rows[] = $row;
echo '<option value = '.$row["description"].",".$row["idart"].",".$row["price"].",".$row["supplier"]. '>' .$row["idart"] . " " .$row["description"]." " .$row["price"]. "</option>";





 }

 foreach ($rows as $row) {

}

echo "<br>";

echo '</select>';

echo "<br>";



mysqli_close($con);
?>

<?php echo "<input type='' name='Ausgabe1' value='Ausgabe1'></input>"; ?>  -->


<?php
$s = ($_GET['s']);

$con = mysqli_connect('localhost:3307','root','1234','justin');
if (!$con) {
die('Could not connect: ' . mysqli_error($con));
}

$rows = array();

mysqli_select_db($con,"parameter");
$sql="SELECT * FROM article WHERE description = '".$s."'";
$result = mysqli_query($con,$sql);

 echo "<br>";



while($row = mysqli_fetch_array($result)) {
$rows[] = $row;


 // echo("<option onclick=document.getElementById('Ausgabe2').value='".$row["idart"].",".$row["description"].",".$row["price"].",".$row["supplier"]."'>".$row['description']."".$row['price']."</option>");
      echo "<br>";
 }
  echo "<br>";



 foreach ($rows as $row) {


      //echo "<ul class='article'>"     ;
    //echo "<li data-idart='1'>test</li>";


    //onclick=document.getElementById('Ausgabe2').value='".$row["idart"].",".$row["description"].",".$row["price"].",".$row["supplier"]."'

//echo "</ul>" ;

 //echo "<p align='center'><table><tr><td onclick=document.getElementById('Ausgabe2').value='".$row["idart"].",".$row["description"].",".$row["price"].",".$row["supplier"]."'>".$row["description"]."".$row["price"]."</td></tr></table></p>";


}
                //echo "<input id='ids' type='text' name='ids'/>" ;
               // echo "<p align='center'><input class='textfield' type='text' value='' name='Ausgabe2' id='Ausgabe2'></p> ";
               // echo "<p align='center'><input class='textfield' type='text' value='' name='Ausgabe3' id='Ausgabe3'></p> ";
echo "<br>";

        $test = "haö";

mysqli_close($con);

   ?>          <body>








     <script>
         (function( $ ) {
                        var list = new Array();
                        $.fn.tag = function( action ) {
                           if( action == "initialize"){
                                        return this.each(function(){
                                                var obj = $( this );
                                                obj.click(function(){
                                                        testList(obj.attr("data-idart"));
                                                        $("#ids").val(list.join("|"));
                                                });
                                        });
                           };

                                function testList($id){
                                        var index = $.inArray( $id, list );
                                        if(index  >= 1)
                                                list.splice(index,1); /* remove from list */
                                        else
                                                list.push($id);
                                };
                        };

                }( jQuery ));
                $("ul.article > li").tag("initialize");
                </script>



</body>

   <!-- // $i =0;
 // $i++;
//"<th>TB Namen";

//echo"<td onclick=document.getElementById('Ausgabe3').value='".$row["idart"].",".$row["description"].",".$row["price"].",".$row["supplier"]."'>".$row["description"]."".$row["price"]."</td><br>";
//if($i==10 );
//"</th>";
   <!-- //echo "<p align='center'><table><tr><td onclick=document.getElementById('Ausgabe2').value='".$row["idart"].",".$row["description"].",".$row["price"].",".$row["supplier"]."'>".$row[1]."".$row["price"]."</td></tr></table></p>";
//echo "<p align='center'><table><tr><td onclick=document.getElementById('Ausgabe3').value='".$row["idart"].",".$row["description"].",".$row["price"].",".$row["supplier"]."'>".$row["description"]."".$row["price"]."</td></tr></table></p>";

    <!--<input class="textfield" type="text" value="" name="" id="test0">
     <input class="textfield" type="text" value="" name="" id="test1">
 <table><tr>
<td  value="hallo" onclick="document.getElementById('test0').value='Computer';">test1</td>
<td value='sdsd'; onclick="document.getElementById('test1').value='Stromkabel';">test2</td>
</tr></table>
 <
<?php echo "<input type='' name='Ausgabe' value='Ausgabe'></input>"; ?>


<!-- fieldset ende-->

     <!--//echo "<p align='center'><table><tr><td onclick=document.getElementById('Ausgabe2').value='".$row["idart"].",".$row["description"].",".$row["price"].",".$row["supplier"]."'>".$row[1]."".$row["price"]."</td></tr></table></p>";
       //echo "<p align='center'><table><tr><td onclick=document.getElementById('Ausgabe2').value='".$row["idart"].",".$row["description"].",".$row["price"].",".$row["supplier"]."'>".$row["description"]."".$row["price"]."</td></tr></table></p>";
//echo "<p align='center'><table><tr><td onclick=document.getElementById('Ausgabe2').value='".$row["idart"].",".$row["description"].",".$row["price"].",".$row["supplier"]."'>".$row["description"]."".$row["price"]."</td></tr></table></p>";
//echo "<p align='center'><table><tr><td onclick=document.getElementById('Ausgabe3').value='".$row["idart"].",".$row["description"].",".$row["price"].",".$row["supplier"]."'>".$row["description"]."".$row["price"]."</td></tr></table></p>";
 //echo $row[1];


//echo '</select>';
     ';


<!--<table><tr>
<!--<td style="background-color:#CCFF66; width:20px; height:20px;" onclick="document.getElementById('color').value='#CCFF66';"></td>
<td style="background-color:#009999; width:20px; height:20px;" onclick="document.getElementById('color').value='#009999';"></td>
</tr></table>  -->


<!-- Rest Code -->
<!-- <p align="center">Artikel:<input name="Article" value="" onchange="showArticle(this.value)">  </p>  -->
<!-- <div align="center" id="Artikel" name"test3">DivArt</div>   -->
<!-- hidden Content -->
<!--   PopUp Function   -->
<!--<script>
function popup(URL) {
w = window.open(URL, "", "toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=650,height=500,left = 390,top = 262");
}
</script>
<!--<body onLoad="javascript:popup('Impressum.php')"> -->
<!--<p align="center"><label></label> <select name="auswahl" id='myselect' onchange="document.getElementById('myhidden').value=this.value"> </p>
<!-- Select Anfrage <?php
$db_server = 'localhost:3307';
$db_name = 'justin';
$db_user = 'root';
$db_passwort = '1234';
$db = @ mysql_connect ( $db_server, $db_user, $db_passwort )
or die ( 'Konnte keine Verbindung zur Datenbank herstellen' );
$db_check = @ mysql_select_db ( $db_name );
if ( $db )
{
echo 'Verbindung zur Datenbank wurde hergestellt';
}
$sql = "SELECT lastname FROM adress";
$result = mysql_query($sql) OR die(mysql_error());
while($row = mysql_fetch_assoc($result)) {
echo("<option>".$row['lastname']."</option>");
}
?>
<p align="center"><a href ="javascript:popup('auswahl.php')" > Artikel auswählen</a>    </p>    -->
</html>

Daifoku · 07/28/2015, 15:24

Da ist ne Menge durcheinander drin. Das Grundlegende HTML Gerüst ist schon falsch. Mehrfache </head> und <head>, styles und content sind ebenfalls falsch.

Schau dir mal ein Grundlegendes HTML Gerüst an und füge nach und nach die Elemente dort ein, wo sich auch hingehören.

Grundsätzlich sei gesagt: Framework scripts gehören in den Head. Scripts, die für den User bestimmt sind, kommen ganz ans Ende von body.
styles werden extern über eine css Datei eingebunden und werden im head Bereich verlinkt.

Der oben genannte Artikel beschreibt dies nochmal etwas ausführlicher

Givemoney · 07/28/2015, 15:30

Auf sowas achte ich gerade nicht, es geht alleine um die Funtkion und diese wird doch garnicht beinträchtigt.

Ich brauch kein Grundgerüst, was ich brauche ist einfach eine Lösung warum dein Script nicht auf der Rechnung.php Seite funzt.

Und Dabei hilft mir kein Grundgerüst. Das ist ja auch nicht meine Frage gewesen und ein Fehler der Funktion ist es auch nicht^^

Daifoku · 07/28/2015, 15:31

Klaro hängt das damit zusammen ^^ Die Seite weiß gar nicht was sie machen soll, weil alles in falschen Containern steckt. Wie du an meiner Testseite siehst, funktioniert es wunderbar ;-) Man muss es nur alles richtig zusammenfügen

Givemoney · 07/28/2015, 15:45

Hab jetzt alles angepasst so, wie es auch richtig ist. Trotzdem fügt er es nicht auf der Rechnung.php ein.

Daifoku · 07/28/2015, 15:47

Na dann zeig mal deine entmüllten, geordneten php Dateien her

Die waren schließlich beide mehr als falsch aufgebaut

Serraniel · 07/28/2015, 18:16

Hast in der Console denn irgendwelche Fehler stehen? Bei mir geht es ebenfalls und schaut auch richtig aus.