Profile Enhancements - URL, BB code & Embed code information under album images

Please note as of vb3.7 beta 6 this mod is no longer needed as its now supported by vb right out the box.

The below template edit will add information boxs under images from the user photo albums for the images URL along with BB Codes and Embed Codes.

This is something i feel VB should add out of the box as its very easy to do.

How To:

In the template 'album_pictureview'

Find:

$vbphrase[picture]</title>
</head>

and add below:

<script type="text/javascript">
function SelectAll(id)
{
document.getElementById(id).focus();
document.getElementById(id).select();
}
</script>

Find:

<span class="shade">$vbphrase[picture_added]</span> $pictureinfo[adddate] <if condition="!$show['detailedtime']"><span class="time">$pictureinfo[addtime]</span></if>
			</td>
		</tr>
		</table>
	</td>
</tr>

and add below:

<tr>
                <td align="$stylevar[left]"><table width="80%" border="0" class="tborder" align="center" cellpadding="3" cellspacing="0">
                  <tr>
                    <td class="alt2" nowrap="nowrap"><div class="smallfont normal">
                      <div align="right"><strong>Image URL:</strong></div>
                    </div></td>
                    <td class="alt2"><div align="center"><span class="smallfont normal">
                      <input name="textfield2" class="bginput" type="text" id="textfield2" onClick="SelectAll('textfield2');" value="$vboptions[bburl]/picture.php?$session[sessionurl]albumid=$albuminfo[albumid]&amp;pictureid=$pictureinfo[pictureid]" size="50" READONLY>
                    </span></div></td>
                  </tr>
                  <tr>
                    <td class="alt2" nowrap="nowrap"><div class="smallfont normal">
                      <div align="right"><strong>BB Code:</strong> </div>
                    </div></td>
                    <td class="alt2"><div align="center"><span class="smallfont normal">
                      <input name="textfield3" class="bginput" type="text" id="textfield3" onClick="SelectAll('textfield3');" value="[img]https://vborg.vbsupport.ru/[/img]" size="50" READONLY>
                    </span></div></td>
                  </tr>
                  <tr>
                    <td class="alt2" nowrap="nowrap"><div class="smallfont normal">
                      <div align="right"><strong>Embed Code:</strong> </div>
                    </div></td>
                    <td class="alt2"><div align="center"><span class="smallfont normal">
                      <input name="textfield" class="bginput" type="text" id="textfield" onClick="SelectAll('textfield');" value="<img src='$vboptions[bburl]/picture.php?$session[sessionurl]albumid=$albuminfo[albumid]&amp;pictureid=$pictureinfo[pictureid]' style='border:1px solid #000000;' >" size="50" READONLY>
                    </span></div></td>
                  </tr>
                </table>
           
                </td>
            </tr>

Added vmacedonia's select all the text on mouse click code and updated to beta 4 code edits.

If you would like this to be part of the stock VB install, Jason (Jase2) as made a topic on the VB forums so please vote for it here: http://www.vbulletin.com/forum/showt...64#post1498764

[therogueforums]

awesome hack! thank you!

[Collussus]

nice one, installed.

[OrionsMom]

WOOHOO this is EXACTLY what I wanted! Thank you so much! The only thing that could be a better addition for albums is the ability to just click ont he photos to add them to posts! This is definately a much needed addition!

[therogueforums]

Yeah, I must say, this is very practical, and IMO should've been a part of the original coding.

[Ad1tya]

Wow.. Thanks...

Now, is there a way we can have Thumbnail Code (which clicked takes us to the original image?).

[Alfa1]

Excellent idea. Note that since vb 3.7 B4 the code is different than explained above.

[Jase2]

Thanks a lot.

This is something vB should include and I will be requesting it.

Regards Jason

[Jase2]

Please vote for it here - http://www.vbulletin.com/forum/showt...64#post1498764

The more we get, the more chance it will be put in the vB core code.

Regards Jason

[RvG2]

Originally Posted by vmacedonia

How to select all the text on mouse click for easy coping.

At the beginning of the template find:

$vbphrase[picture]</title>
</head>

after that code add this one:

<script type="text/javascript">
function SelectAll(id)
{
document.getElementById(id).focus();
document.getElementById(id).select();
}
</script>

And then replace the original code with this alternated:

<tr>
                <td align="$stylevar[left]"><table width="80%" border="0" class="tborder" align="center" cellpadding="3" cellspacing="0">
                  <tr>
                    <td class="alt2" nowrap="nowrap"><div class="smallfont normal">
                      <div align="right"><strong>Image URL:</strong></div>
                    </div></td>
                    <td class="alt2"><div align="center"><span class="smallfont normal">
                      <input name="textfield2" class="bginput" type="text" id="textfield2" onClick="SelectAll('textfield2');" value="$vboptions[bburl]/picture.php?$session[sessionurl]albumid=$albuminfo[albumid]&amp;pictureid=$pictureinfo[pictureid]" size="50" READONLY>
                    </span></div></td>
                  </tr>
                  <tr>
                    <td class="alt2" nowrap="nowrap"><div class="smallfont normal">
                      <div align="right"><strong>BB Code:</strong> </div>
                    </div></td>
                    <td class="alt2"><div align="center"><span class="smallfont normal">
                      <input name="textfield3" class="bginput" type="text" id="textfield3" onClick="SelectAll('textfield3');" value="[img]$vboptions[bburl]/picture.php?$session[sessionurl]albumid=$albuminfo[albumid]&amp;pictureid=$pictureinfo[pictureid][/img]" size="50" READONLY>
                    </span></div></td>
                  </tr>
                  <tr>
                    <td class="alt2" nowrap="nowrap"><div class="smallfont normal">
                      <div align="right"><strong>Embed Code:</strong> </div>
                    </div></td>
                    <td class="alt2"><div align="center"><span class="smallfont normal">
                      <input name="textfield" class="bginput" type="text" id="textfield" onClick="SelectAll('textfield');" value="<img src='$vboptions[bburl]/picture.php?$session[sessionurl]albumid=$albuminfo[albumid]&amp;pictureid=$pictureinfo[pictureid]' style='border:1px solid #000000;' >" size="50" READONLY>
                    </span></div></td>
                  </tr>
                </table>
           
                </td>
            </tr>

If you want all the text to be select on double mouse click just change the event "onClick=" to "ondblClick=".

Installed! :up:

I love you people!

[C.Birch]

Updated the first post so its now all right for editing in beta 4 plus added vmacedonia's code in to it.