Hallo zusammen,
Ich möchte das nach einer Auwahl im jquery Feld sofort der Inhalt erscheint. Bei einer select Auswahl funktioniert das Ganze wunderbar, nur beim Input Feld nicht.
Ich kann meine Kontakte aussuchen aber der Inhalt wird nicht angezeigt ?
Vielleicht kann mir jemand einen Tipp geben.
lg Jo
Ich möchte das nach einer Auwahl im jquery Feld sofort der Inhalt erscheint. Bei einer select Auswahl funktioniert das Ganze wunderbar, nur beim Input Feld nicht.
Ich kann meine Kontakte aussuchen aber der Inhalt wird nicht angezeigt ?
Vielleicht kann mir jemand einen Tipp geben.
lg Jo
Code:
<?php
include("./path_test.php");
include("./datum.php");
function kontakte($db, $firmen_id) {
$sql = "SELECT * FROM `kontakte`
WHERE firmen_id = " . $firmen_id . "
ORDER BY name ASC";
$db_erg_1 = mysqli_query($db, $sql );
while ($row = mysqli_fetch_array( $db_erg_1, MYSQL_ASSOC))
{
$kontakte_array[] = "{label: "" . $row['vorname'] . " " . $row['name'] . " ". $row['email'] . " " . $row['ort'] . "",value: "". $row['kontakte_id'] . ""} ";
}
$kontakte_string = implode(",",$kontakte_array);
echo $kontakte_string;
}
?>
<html>
<head>
<script>
function showUser(str) {
if (str == "") {
document.getElementById("txtHint").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("txtHint").innerHTML = xmlhttp.responseText;
}
};
xmlhttp.open("GET","get_user.php?q="+str,true);
xmlhttp.send();
}
}
</script>
<script type="text/javascript">
jQuery( document ).ready(function( $ ){
var availableTagsLabeled = [
{ label : "Neu", value : "neu" },
<?php $select_db = $db;
$select_firma = $firmen_id;
kontakte($select_db, $select_firma); ?>
];
$(function() {
$('#kontakte-labeled').autocomplete({
minLength: 1,
source: availableTagsLabeled,
focus: function( event, ui ) {
$('#kontakte-labeled').val( ui.item.label );
return false;
},
select: function( event, ui ) {
$('#kontakte-labeled').val( ui.item.label );
$('#kontakte-labeled-id').val( ui.item.value );
// $( "#project-description" ).html( ui.item.desc );
return false;
}
})
.data('ui-autocomplete')._renderItem = function( ul, item ) {
return $( "<li>" )
.append( "<a>" + item.label + "</a>" )
.appendTo( ul );
};
});
});
</script>
</head>
<body>
<form>
<div id="project-label"></div>
<input id="kontakte-labeled" name="select_kontakte_project" value="<?php echo $select_kontakte_project ?>">
<input name="select_kontakte_id" type="hidden" id="kontakte-labeled-id" value="<?php echo $select_kontakte_id ?>" onchange="showUser(this.value)">
</form>
<br>
<div id="txtHint"><b>Person info will be listed here...</b></div></td>
</tr>
</body>
</html>
Kommentar