change div size using javascript

Question

i have done something like that;

    <div id="bloc2" onDblClick="document.getElementById('bloc2').style.height = 200px" style="width: 350px; height: 150px; overflow: auto; border: 1px solid #000;background-color:#F2F2F2">
Uncaught SyntaxError: Unexpected token ILLEGAL

but it doesn not work the div is generated using php, here is my code:

<?php 
$sql = "SELECT * FROM commentaire where n_doss='".mysql_real_escape_string($_GET['n_doss'])."' ORDER BY date DESC LIMIT 0,5";
$result = mysql_query($sql) or die(__LINE__.mysql_error().$sql); 
?>
    <?php
     $r=0;
     while($donnees2 = mysql_fetch_assoc($result)) {
      ?>
      <table cellspacing="10" cellpadding="10">
        <tr>
           <td width="128px">
           <?php if ($donnees2['etat']=="VR") {?>
                <img src="images/wallet.png" />
           <?php } else {?>
                <img src="images/newsletter.png" width="128" height="128" />
           <?php } ?>
           </td>
           <td>
             <div id="bloc<?php echo ++$r ;?>"                  
                  onDblClick="document.getElementById('bloc<?php echo $r ;?>').style.height = 200px" 
                  style="width: 350px; height: 150px; overflow: auto; border: 1px solid #000;background-color:#F2F2F2">
                <?php echo mb_strtoupper(html_entity_decode($donnees2['commentaire'])) ; ?>
            </div>

but nothing works, except mistakes in the console.

Kind regards.

Alaa Badran · Accepted Answer · 2012-08-09 07:21:37Z

1

In the line

<div id="bloc2" onDblClick="document.getElementById('bloc2').style.height = 200px" style="width: 350px; height: 150px; overflow: auto; border: 1px solid #000;background-color:#F2F2F2">

you have Javascript error:

document.getElementById('bloc2').style.height = 200px

The 200px should be a string, YOU HAVE TO ADD QUOTES so use this line instead:

document.getElementById('bloc2').style.height = '200px'

answered Aug 9, 2012 at 7:21

Alaa Badran

1,85816 silver badges19 bronze badges

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

2 Comments

Stanislas Piotrowski Over a year ago

Uncaught TypeError: Cannot read property 'style' of null suivi.php:945 ondblclick

Alaa Badran Over a year ago

The syntax is correct.. try to move the code into Function and call the function in onDblClick.

Jitender · Accepted Answer · 2012-08-09 07:22:47Z

1

You can use this keyword and wrap 200px with quotes

<div id="bloc2" onDblClick="this.style.height = '200px'" style="width: 350px; height: 150px; overflow: auto; border: 1px solid #000;background-color:#F2F2F2">

answered Aug 9, 2012 at 7:22

Jitender

7,99932 gold badges117 silver badges218 bronze badges

Comments

yogi · Accepted Answer · 2012-08-09 07:21:58Z

0

Try this

<div id="bloc2" 
     onDblClick="this.style.height = '200px'" 
     style="width: 350px; height: 150px; overflow: 
     auto; border: 1px solid #000;background-color:#F2F2F2">

Uncaught SyntaxError: Unexpected token ILLEGAL

</div>

answered Aug 9, 2012 at 7:21

yogi

19.6k13 gold badges67 silver badges93 bronze badges

1 Comment

yogi Over a year ago

I guess issue is with this line <?php echo mb_strtoupper(html_entity_decode($donnees2['commentaire'])) ; ?> because above posted code works fine if you run it as it is, You should check your php div generation logic.

Waqar Alamgir · Accepted Answer · 2012-08-09 07:29:38Z

0

You forgot to add string "" with 200px

<div id="bloc2" onDblClick="document.getElementById('bloc2').style.height = '200px'" style="width: 350px; height: 150px; overflow: auto; border: 1px solid #000;background-color:#F2F2F2">

Demo

edited Aug 9, 2012 at 7:29

answered Aug 9, 2012 at 7:20

Waqar Alamgir

9,9884 gold badges33 silver badges37 bronze badges

2 Comments

Stanislas Piotrowski Over a year ago

now it says Uncaught TypeError: Cannot read property 'style' of null suivi.php:945 ondblclick

Waqar Alamgir Over a year ago

check the demo link and remember who answer first

Collectives™ on Stack Overflow

change div size using javascript

4 Answers 4

2 Comments

Comments

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related