insert echo into the specific html element like div which has an id or class

Question

I have this code    lt html gt   lt head gt   lt style type  text css  gt  body background  666666   div border 1px solid red    lt  style gt   lt  head gt   lt body gt   lt  php   con   mysql connect  localhost   root       if    con    die  Could not connect      mysql error        mysql select db  juliver    con     result   mysql query  SELECT   FROM hi     while  row   mysql fetch array  result      echo   lt img src     row  name        gt      echo   lt div gt    row  name     lt  div gt    echo   lt div gt    row  title     lt  div gt    echo   lt div gt    row  description     lt  div gt    echo   lt div gt    row  link     lt  div gt    echo   lt br   gt       mysql close  con      gt   lt  body gt   lt  html gt    the above code works   now  I want to insert this  echo   lt img src     row  name        gt     echo   lt div gt    row  name     lt  div gt    echo   lt div gt    row  title     lt  div gt    echo   lt div gt    row  description     lt  div gt    echo   lt div gt    row  link     lt  div gt    echo   lt br   gt      into the specified div or other element in the html  example  i will insert this  echo   lt img src     row  name        gt      into the html element    I dont know how to do this  please help me  Thanks  Juliver

User · Answer

I use this or similar code to inject PHP messages into a fixed DIV positioned in front of other elements (z-index: 9999) just for convenience at the development stage.

Each PHP message passes into my 'custom_message()' function and is further conveyed into the innard of preformatted DIV created by echoed JS.

There can be as many as it gets, all put inside that fixed DIV, one under the other.

<style>
    #php_messages {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 9999;
    }
    .php_message {
        background-color: #333;
        border: red solid 1px;
        color: white;
        font-family: "Courier New", Courier, monospace;
        margin: 1em;
        padding: 1em;
    }
</style>

<div id="php_messages"></div>

<?php
    function custom_message($output) {
        echo
            '
                <script>
                    var
                        el = document.createElement("DIV");
                    el.classList.add("php_message");
                    el.innerHTML = \''.$output.'\';
                    document.getElementById("php_messages").appendChild(el);
                </script>
            ';
    }
?>

User · Answer

Have you tried this         string           while  row   mysql fetch array  result               this will combine all the results into one string      string      lt img src     row  name        gt                   lt div gt    row  name     lt  div gt                   lt div gt    row  title     lt  div gt                   lt div gt    row  description     lt  div gt                   lt div gt    row  link     lt  div gt  lt br   gt           or this will add the individual result in an array           yourHtml      row             then you echo the  tring to the place you want it to be   lt div id  place here  gt      lt  php echo  string    gt      lt  php         or              echo   lt img src     yourHtml 0   name        gt    change the index  or you just foreach loop it              gt   lt  div gt

User · Answer

You have to put  div with single quotation around it       the Div must be in the middle of single quotation   i m gonna clear it with one example     lt  php         echo   lt div id  output  gt    Identify    lt br gt     lt br gt            echo  Welcome     name           echo   lt br gt            echo  Web Mail      email           echo   lt br gt            echo  Department of     dep           echo   lt br gt            echo   maj             lt  div gt     gt    hope be useful

User · Answer

You can repeat it by fetching again the data   while  row   mysql fetch assoc  result       another html element   lt div gt  row  name   lt  div gt    lt div gt  row  title   lt  div gt     and so on      or you need to put it on the variable and call display it again on other html element    name    row  name      title    row  title      and so on   then put it on the other element  but if you want to call all the data of each id  you need to do the first code

User · Answer

You can write the php code in another file and include it in the proper place where you want it   AJAX is also used to display HTML content that is formed by PHP into a specified HTML tag   Using jQuery     ajax  url   test php    done function  html             results   append html         Above code will execute test php and result will be displayed in the element with id results

User · Answer

refer to the basic    sql    INSERT INTO MyGuests  firstname  lastname  email  VALUES   John    Doe    john example com     if   conn- gt query  sql      TRUE        echo  New record created successfully     else       echo  Error       sql     lt br gt      conn- gt error

User · Answer

Well from your code its clear that  row  name   is the location of the image on the file  try including the div tag like this  echo   lt div gt     row  name      lt  div gt       and do the same for others  let me know if it works because you said that one snippet of your code is giving the desired result so try this and if the div has some class specifier then do this  echo   lt div class  whatever it is  gt      row  name       lt  div  gt

User · Answer

There is no way that you can do it in PHP when HTML is already generated  What you can do is to use JavaScript or jQuery   document getElementById    ID     innerHTML  HTML CODE     If you have to do it when your URI changes you can get the URI and then split it and then insert the HTML in script dynamically   var url   document URL     to get url and then use split   to check the parameter

User · Answer

The only things I can think of are   including files  replacing elements within files using preg match all using assigned variables   I have recently been using str replace and setting text in the HTML portion like so    TEXT TO REPLACE     using file get contents   you can grab html data and then organise it how you like   here is a demo  myReplacementCodeFunction       text     lt img src     row  name        gt        text      lt div gt    row  name     lt  div gt       text      lt div gt    row  title     lt  div gt       text      lt div gt    row  description     lt  div gt       text      lt div gt    row  link     lt  div gt       text      lt br   gt      return  text      htmlContents   file get contents  myhtmlfile html     htmlContents   str replace    TEXT TO REPLACE     myReplacementCodeFunction     htmlContents   echo  htmlContents    and now a demo html file    lt html gt   lt head gt      lt style type  text css  gt        body background  666666         div border 1px solid red       lt  style gt     lt  head gt     lt body gt        TEXT TO REPLACE      lt  body gt   lt  html gt

User · Answer

if yo want to place in an div like   i have same work and i do it like   lt div id  content gt   lt  php while  row   mysql fetch array  result     echo   lt img src     row  name        gt      echo   lt div gt    row  name     lt  div gt    echo   lt div gt    row  title     lt  div gt    echo   lt div gt    row  description     lt  div gt    echo   lt div gt    row  link     lt  div gt    echo   lt br   gt        gt   lt  div gt

User · Answer

there is no way to specifically target an element with php  you can either embed the php code between a div tag or use jquery which would be longer

[php] insert echo into the specific html element like div which has an id or class

Examples related to php

Examples related to javascript

Examples related to jquery