EquinoxWorld
07-20-2011, 09:22 PM
Hello everyone, I am currently trying to utilize vb built in username suggestion pop-up. So far what I can gather is that it would be need to have included this script:
<script type="text/javascript" src="clientscript/vbulletin_ajax_suggest.js?v={vb:raw vboptions.simpleversion}"></script>
The form would need to have the same id and/or class as required and enclosed between these divs.
<div mrecipid="ps" class="popupmenu nomouseover noclick nohovermenu">
<textarea class="primary full textbox popupctrl" id="pmrecips_ctrl" name="recipients" rows="{vb:if is_browser('mozilla'), 1, 2}" cols="50" tabindex="1">{vb:raw pm.recipients}</textarea>
</div>
And finally this script code below the above divs:
<script type="text/javascript">
<!--
recip_sugg = new vB_AJAX_NameSuggest('recip_sugg', 'pmrecips_ctrl', 'pmrecips');
<vb:if condition="$show['sendmultiple']">recip_sugg.allow_multiple = true;</vb:if>
//-->
</script>
So what I can understand so far is that all that I would have to do is copy the <scripts> and place them accordingly with my custom form, next wrap the form in the divs mentioned above as well. Here is where I get confused, I am not sure if I need to have the id and/or the class as the above example the same on my custom form.
Before I start meddling with this I was wondering if anyone had any additional information I can use to help me through understanding how this works. Any info at all would be very very helpful, so please don't be shy ;).
PS.. I know I may be wayyyyy off so please bare with the noobness. :)
P.S.: Am I going to have to register those variables in my custom php page as well or they globally registered by including global.php?
Here is my form template btw:
{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml" dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" id="vbulletin_html">
<head>
<title>{vb:raw vboptions.bbtitle} - {vb:raw pagetitle}</title>
{vb:raw headinclude}
{vb:raw headinclude_bottom}
</head>
<body>
{vb:raw header}
{vb:raw navbar}
<div id="pagetitle">
<h1>{vb:raw pagetitle}</h1>
</div>
<div id="usercp_content">
{vb:raw oftw_sidemenu}
<div class="cp_content" style="width: 80%; float: right;">
<h2 class="blockhead">Contests Of The Week - Signature Of The Week # {vb:raw oftw_get_contests_number} - Starting Date: {vb:raw oftw_contest_date_start}</h2>
<div class="blocksubhead">
<center><form action="nominate.php" method="post">
Enter Image URL to Nominate: <input type="text" name="imgurl"> Artist: <input type="text" name="author"><input type="submit" name="submit">
<p><font size="1"><font color="#417394"><b>Max allowed size for images is 500px x 200px. </b></font>Both image URL and Artist must be entered to validate nomination. If you are the artist of your nomination please use "Self".</font></P>
</form>
</center>
</div>
{vb:raw print_nominations}
</div>
</div>
{vb:raw footer}
</body>
</html>
--------------- Added 1311203918 at 1311203918 ---------------
OK GOT IT...I apologize if the thread was uncalled for...never the less here is what I did to get it to work for me...Maybe someone else might find this useful.
This is my form template:
<div id="pmrecips" class="popupmenu nomouseover noclick nohovermenu">
<div class="blocksubhead">
<script type="text/javascript" src="clientscript/vbulletin_ajax_suggest.js?v=414"></script>
<center><form action="nominate.php" method="post">
Enter Image URL to Nominate: <input type="text" name="imgurl"> Artist: <input type="text" class="primary full textbox popupctrl" id="pmrecips_ctrl" name="author" rows="{vb:if is_browser('mozilla'), 1, 2}" cols="50" tabindex="1"><input type="submit" name="submit">
<p><font size="1"><font color="#417394"><b>Max allowed size for images is 500px x 200px. </b></font>Both <font color="#417394"><b>Image URL</b></font> and Artist <font color="#417394"><b>User Name</b></font> must be entered to validate nomination.</font></P>
</div>
</form>
<script type="text/javascript">
<!--
recip_sugg = new vB_AJAX_NameSuggest('recip_sugg', 'pmrecips_ctrl', 'pmrecips');
<vb:if condition="$show['sendmultiple']">recip_sugg.allow_multiple = true;</vb:if>
//-->
</script>
</center>
</div>
And here's a screen to proove it! ;)
http://aniworlds.net/gallery/files/2/mod_screen_sugg_popup.png
<script type="text/javascript" src="clientscript/vbulletin_ajax_suggest.js?v={vb:raw vboptions.simpleversion}"></script>
The form would need to have the same id and/or class as required and enclosed between these divs.
<div mrecipid="ps" class="popupmenu nomouseover noclick nohovermenu">
<textarea class="primary full textbox popupctrl" id="pmrecips_ctrl" name="recipients" rows="{vb:if is_browser('mozilla'), 1, 2}" cols="50" tabindex="1">{vb:raw pm.recipients}</textarea>
</div>
And finally this script code below the above divs:
<script type="text/javascript">
<!--
recip_sugg = new vB_AJAX_NameSuggest('recip_sugg', 'pmrecips_ctrl', 'pmrecips');
<vb:if condition="$show['sendmultiple']">recip_sugg.allow_multiple = true;</vb:if>
//-->
</script>
So what I can understand so far is that all that I would have to do is copy the <scripts> and place them accordingly with my custom form, next wrap the form in the divs mentioned above as well. Here is where I get confused, I am not sure if I need to have the id and/or the class as the above example the same on my custom form.
Before I start meddling with this I was wondering if anyone had any additional information I can use to help me through understanding how this works. Any info at all would be very very helpful, so please don't be shy ;).
PS.. I know I may be wayyyyy off so please bare with the noobness. :)
P.S.: Am I going to have to register those variables in my custom php page as well or they globally registered by including global.php?
Here is my form template btw:
{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml" dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" id="vbulletin_html">
<head>
<title>{vb:raw vboptions.bbtitle} - {vb:raw pagetitle}</title>
{vb:raw headinclude}
{vb:raw headinclude_bottom}
</head>
<body>
{vb:raw header}
{vb:raw navbar}
<div id="pagetitle">
<h1>{vb:raw pagetitle}</h1>
</div>
<div id="usercp_content">
{vb:raw oftw_sidemenu}
<div class="cp_content" style="width: 80%; float: right;">
<h2 class="blockhead">Contests Of The Week - Signature Of The Week # {vb:raw oftw_get_contests_number} - Starting Date: {vb:raw oftw_contest_date_start}</h2>
<div class="blocksubhead">
<center><form action="nominate.php" method="post">
Enter Image URL to Nominate: <input type="text" name="imgurl"> Artist: <input type="text" name="author"><input type="submit" name="submit">
<p><font size="1"><font color="#417394"><b>Max allowed size for images is 500px x 200px. </b></font>Both image URL and Artist must be entered to validate nomination. If you are the artist of your nomination please use "Self".</font></P>
</form>
</center>
</div>
{vb:raw print_nominations}
</div>
</div>
{vb:raw footer}
</body>
</html>
--------------- Added 1311203918 at 1311203918 ---------------
OK GOT IT...I apologize if the thread was uncalled for...never the less here is what I did to get it to work for me...Maybe someone else might find this useful.
This is my form template:
<div id="pmrecips" class="popupmenu nomouseover noclick nohovermenu">
<div class="blocksubhead">
<script type="text/javascript" src="clientscript/vbulletin_ajax_suggest.js?v=414"></script>
<center><form action="nominate.php" method="post">
Enter Image URL to Nominate: <input type="text" name="imgurl"> Artist: <input type="text" class="primary full textbox popupctrl" id="pmrecips_ctrl" name="author" rows="{vb:if is_browser('mozilla'), 1, 2}" cols="50" tabindex="1"><input type="submit" name="submit">
<p><font size="1"><font color="#417394"><b>Max allowed size for images is 500px x 200px. </b></font>Both <font color="#417394"><b>Image URL</b></font> and Artist <font color="#417394"><b>User Name</b></font> must be entered to validate nomination.</font></P>
</div>
</form>
<script type="text/javascript">
<!--
recip_sugg = new vB_AJAX_NameSuggest('recip_sugg', 'pmrecips_ctrl', 'pmrecips');
<vb:if condition="$show['sendmultiple']">recip_sugg.allow_multiple = true;</vb:if>
//-->
</script>
</center>
</div>
And here's a screen to proove it! ;)
http://aniworlds.net/gallery/files/2/mod_screen_sugg_popup.png