Dynamically Generate divs with different ids with PHP

Question

I want to generate a certain number of divs using PHP with different ids, I know how to generate them for a set number, but how do I generate on click, with different ids? Also, if I wanted to delete a div (and its corresponding id) how would I do that?

This is the code I have for generating (6) divs

 $element = "<div></div>";
    $count = 6;
    foreach( range(1,$count) as $item){
        echo $element;
    }

I need something like the click() in jquery/javscript (but in PHP) to trigger div creation instead and I don't even know where to start.

because it's server side, right? how would i do this in javascript then — Atom Vayalinkal
– Atom Vayalinkal, Commented Aug 23, 2012 at 5:05

futuregeek · Accepted Answer · 2012-08-23 05:12:43Z

4

In JavaScript you can do

function createDiv(id, parent)
{
    var elem = document.createElement('div');
    elem.id = id;
    document.getElementById(parent).appendChild(elem);
}

createDiv(10, id-of-parent-elem-to-append-to);

where 10 will be the ID of the new element and you will have to supply the ID of the element to which the new DIV should be appended, as the 2nd argument

edited Aug 23, 2012 at 5:12

answered Aug 23, 2012 at 5:06

futuregeek

2842 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

FilmJ Over a year ago

In order to actually add it to your page... document.body.appendChild(elem);

futuregeek Over a year ago

@FilmJ yea, accidentally got submitted before I finished typing :)

Marc B · Accepted Answer · 2012-08-23 05:04:51Z

1

echo "<div id='$item'></div>";

instead?

answered Aug 23, 2012 at 5:04

Marc B

362k44 gold badges433 silver badges508 bronze badges

1 Comment

Atom Vayalinkal Over a year ago

thanks for that answer, it answers my original question, but the javascript is the answer to my question in the comments. Thanks though.

fiacobelli · Accepted Answer · 2012-08-23 05:08:04Z

1

Ok, to create them with different ids you can do something like this:

$element = "<div id=";
$count = 6;
foreach($id=0;$id<$count;$id++) {
    echo $element."div".$id."></div>";
}

In the same way as you appended the id you can append an onClick event that says something like this:

onclick="this.style='visibility:hidden;'";

or something along those lines. Hope this helps.

answered Aug 23, 2012 at 5:08

fiacobelli

1,9905 gold badges24 silver badges31 bronze badges

1 Comment

Atom Vayalinkal Over a year ago

thanks for that answer, it's the actual answer to my original question, but the javascript is the answer to my question in the comments. Thanks though.

Collectives™ on Stack Overflow

Dynamically Generate divs with different ids with PHP

3 Answers 3

2 Comments

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related