This topic does not exist yet

Book Creator
Add this page to your book

Book Creator
Remove this page from your book

This is an old revision of the document!

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>

<tr> <td> oesophagus. </td> <td> intestine. <table border=6 bordercolor=blue> <tr> <td> small intestine. </td> </tr> <tr> <td> large intestine. </td></tr>

</td> </tr> <tr> <td> stomach. </td> <td> anus. </td> </tr> </table> </body> </html>

<!-- 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>

<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>

<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.