CODEWITHSUNDEEP
phpjavascriptjquerymysqlhtml
user1032243
user1032243

Reputation: 21

inserting values from PHP in a div with a specific ID

edit: i found a solution using jquery and append() from php, i build the array that contains all the information i want to insert into the tab divs. Then i send this array to jquery by encoding the array into json end echoing it, and catching the array using getJSON. Now i can successfully add my data into the respective divs. Thanks for the help

Here is my situation: on my main page, a user can input a link and send it to the database alongside the link's type (if it's a link about nature, news, technology, entertainment..) Now on the same page, i have a div that is loaded up without refreshing the entire page, and inside this div i have a tabbed interface where each tab represents a link's type. Inside each tab resides a link of the respective type. In my database, i store the link and the link's type

Here is my problem: how can i correctly fill the tabs with the links, knowing that the ID of a tab to fill is only known when reading the database in the PHP script

Here is the div with the tab interface

<div class="tabs">
    <ul class="tab_nav">  
        <li><a href="#News">News</a></li>  
        <li><a href="#Technology">Technology</a></li>  
        <li><a href="#Sport">Sport</a></li>  
    </ul>  
    <div id="News">
    </div>
    <div id="Technology">
    </div>
    <div id="Sport">
    </div>
</div>

What i want to do is insert a link of a certain type into the div with the corresponding ID. The link's type (and the div's ID) is only known when fetching the database.

I'm new to making websites, and i am completely stuck here. I don't know how to deal with this.

Thank you!

Upvotes: 0

Views: 475

Answers (2)

adedoy
adedoy

Reputation: 2273

Is this what you want?

$('a').each(function(){
   $(this).clone().appendTo("#" + $(this).text());
})​

Here is the whole code: Click here!

Note: It uses jquery. Just want to say that since you said your new to the web thingy.

Upvotes: 1

Ram
Ram

Reputation: 144729

try this: 

$('a').each(function(){
   t = $(this).text();
   $("#" + t).text($(this).attr("href"))
})

Upvotes: 1

Related Questions