- NOTES
a 
<html>
<head>
<title>Autocomplete With Images And Custom HTML Code Using Jquery UI? - PHP Coding Stuff</title>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
</head>
<body>
<h1>javascript autocomplete textbox from database - PHP Coding Stuff</h1>
<div class="ui">
<label for="name">Name: </label>
<input id="name">
</div>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>
<script>
$(function() {
$( "#name" ).autocomplete({
source: function( request, response ) {
$.ajax({
url: "https://mantrakshar.co.in/doku.php/Hello%21?do=media/getdata",
dataType: "json",
data: {
term: request.term
},
success: function( data ) {
response( $.map( data.results, function( result ) {
return {
label: result.id + " - " + result.label,
value: result.id,
imgsrc: result.image
}
}));
}
});
}
}).data( "ui-autocomplete" )._renderItem = function( ul, item ) {
return $( "<li></li>" )
.data( "item.autocomplete", item )
.append( "<a>" + "<img style='width:25px;height:25px' src='" + item.imgsrc + "' /> " + item.label+ "</a>" )
.appendTo( ul );
};
});
</script>
<body>
<html>
<html> <head> <style> table, th, td {
border: 1px solid black; border-collapse: collapse;
} </style> </head> <body>
</td> </tr> <tr> <td> stomach. </td> <td> anus. </td> </tr> </table> </body> </html>
<html> <body>
<svg height=800 width=650> <path id=lineAB d=M 100 300 l 150 -300 stroke=red stroke-width=3 fill=none /> <path id=lineBC d=M 250 100 l 150 300 stroke=red stroke-width=3 fill=none /> <path id=lineBD d=M 250 50 l 0 -100 stroke=red stroke-width=3 fill=none />
<!-- Mark relevant points --> <g stroke="black" stroke-width="3" fill="black"> <circle id="pointA" cx="100" cy="350" r="3" /> <circle id="pointB" cx="250" cy="100" r="3" /> <circle id="pointC" cx="400" cy="350" r="3" /> <circle id="pointD" cx="250" cy="0" r="3" /> </g> <!-- Label the points --> <g font-size="30" font-family="sans-serif" fill="black" stroke="none" text-anchor="middle"> <text x="100" y="350" dx="-30">A</text> <text x="250" y="50" dy="-10">B</text> <text x="400" y="350" dx="30">C</text> </g> Sorry, your browser does not support inline SVG.
</svg>
</body> </html>
<html> <body>
<svg height=210 width=500>
<line x1="100" y1="100" x2="100" y2="200" style="stroke:rgb(255,0,0);stroke-width:2" /> <line x1="100" y1="100" x2="200" y2="200" style="stroke:rgb(0,0,255);stroke-width:3" /> <line x1="100" y1="100" x2="100" y2="-200" style="stroke:rgb(0,255,0);stroke-width:4" /> <line x1="100" y1="100" x2="200" y2="-200" style="stroke:rgb(255,0,0);stroke-width:5" /> <line x1="100" y1="100" x2="-100" y2="200" style="stroke:rgb(0,255,0);stroke-width:6" /> Sorry, your browser does not support inline SVG.
</svg>
</body> </html>
<html> <body>
<svg width=400 height=110>
<rect width="100" height="300" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" /> <circle cx="50" cy="50" r="10" stroke="black" stroke-width="3" fill="red" /> Sorry, your browser does not support inline SVG.
</svg>
</body> </html>
– Lists all pages tagged with tag1 but not with tag2.
– Lists all pages tagged with tag1 and tag2.
– Lists all pages tagged with either tag1 or tag2 or both.
| 2021/07/25 04:47 | Dr Anupam Nirvikar |
| 0 Comments | linkbacks Linkbacks | tissue, cell, air, water |
| physiology | physio |
Discussion