[Solved]: Problem at onclick

[Crazymodder]

Hello every one i have some boxes with bbcode under each image but now I want to show up a litte box under the textarea if you click into the textbox.
My Codeidea:

Code Select Expand

$info['Show Pic<br>to a friend']='<textarea type="text" name="text" rows=2 cols=60 onclick="focus();select();copy(this.value); readonly="readonly">'.$CONFIG["ecards_more_pic_target"] . (substr($CONFIG["ecards_more_pic_target"], -1) == '/' ? '' : '/').basename($_SERVER['PHP_SELF'])."?pos=-$CURRENT_PIC_DATA[pid]".'</textarea><div align="center" id="box1" style="border: 1px solid #FF0042; visibility:hidden; background-color: #FFE7ED">My Text</div>';


So this

Code Select Expand

<div align="center" id="box1" style="border: 1px solid #FF0042; visibility:hidden; background-color: #FFE7ED">My Text</div>'; is a little box and should be only show if you click on the textarea. So you have to set visibility:visible;

My Idea was to put that code behind the onclick of the textarea:

Code Select Expand

document.getElementById('box1').style.visibility = 'visible';

So the full code is:

Code Select Expand

$info['Show Pic<br>to a friend']='<textarea type="text" name="text" rows=2 cols=60 onclick="focus();select();copy(this.value); document.getElementById('box1').style.visibility = 'visible'; readonly="readonly">'.$CONFIG["ecards_more_pic_target"] . (substr($CONFIG["ecards_more_pic_target"], -1) == '/' ? '' : '/').basename($_SERVER['PHP_SELF'])."?pos=-$CURRENT_PIC_DATA[pid]".'</textarea><div align="center" id="box1" style="border: 1px solid #FF0042; visibility:hidden; background-color: #FFE7ED">My Text</div>';


But the problem is if I add this code

Code Select Expand

document.getElementById('box1').style.visibility = 'visible'; thinks like focus(); select(); copy(this.value); doesn't work.
I hope you can help me and tell me how I have to change te code.

Thx
Best Regards
Crazymodder

[Crazymodder]

Is there no one who have an idea?

[Nibbler]

You're missing the ending double quotes for your onclick attribute.

[Crazymodder]

I have add the " at the end but I have an error

My Code:

Code Select Expand

$info['Bild einem<br>Freund zeigen']='<textarea type="text" name="text" rows="2" cols="60" onclick="focus();select();copy(this.value);
document.getElementById('box1').style.visibility = 'visible';" readonly="readonly">'.$CONFIG["ecards_more_pic_target"] .
(substr($CONFIG["ecards_more_pic_target"], -1) == '/' ? '' : '/').basename($_SERVER['PHP_SELF'])."?pos=-$CURRENT_PIC_DATA[pid]".'</textarea><div
align="center" id="box1" style="border: 1px solid #FF0042; visibility:hidden; background-color: #FFE7ED">Code kopiert</div>';

The ErorrMessage is:
http://layertest.la.funpic.de/displayimage.php?album=random&cat=0&pos=-4#
if you change 'visible' to "visible" you get no error but than it didn't work because you must use 'visible' do you have any idea?

[Nibbler]

You need to escape the single quotes:

Code Select Expand


\'box1\'
\'visible\'


[Crazymodder]

Thx Nibbler you are the best now everythink works perfectly;)