Problems with the ?Name Suggestion? Autocomplete Javascript Functionality

[st@rsky]

Hi Guys!

I'm customising my "pm_newpm" template and everything is working properly except for one little issue which is the position of the name suggestion table.

For this part I'm still using the custom functionality of vB but when the suggestion comes up the position is wrong. I've tried to modify the CSS and the javascript files without any positive result.

Do know where the position is declared, as I’ve said, it isn't in the CSS or JS files. Attached is an image demonstrating what I am seeing currently.

Can anyone help?

Many thanks in advance,

Antonio

[kh99]

I think it's this section from the pm_newpm template:

<div class="vbmenu_popup" id="pmrecips_menu" style="display:none; z-index:50"></div>
<script type="text/javascript">
<!--
vbmenu_register('pmrecips', true);
recip_sugg = new vB_AJAX_NameSuggest('recip_sugg', 'pmrecips_txt', 'pmrecips');
<if condition="$show['sendmultiple']">recip_sugg.allow_multiple = true;</if>
//-->
</script>

I believe it's the location of the <div class="vbmenu_popup" id="pmrecips_menu"... </div> that determines where the popup appears.

[EquinoxWorld]

I am very much interested in utilizing this too on my own mod. Is it as simple as adding the form field between the divs wherever the form is located? Any information on this or any other resources that I can utilize would be very helpful. Sorry for bogarding your thread st@rsky :)

[st@rsky]

@EquinoxWorld

No problem at all :) You can use name suggestion just replicating the JS function which will manage everything for you. I've done it before and it's quick and easy ;)

@kh99

First of all thanks for your reply.

Sorry but I've not explained my problem clearly.
When the suggestion list came up and I inspect the element the properties are the following


<div class=”vbmenu_popup” id=”pmrecips_menu” style=”position: absolute; z-index: 50; top: 480px; left: 277px; clip: rect(auto auto auto auto); display: none;”>



I can't find where those properties are defined, I've searched more or less everywhere ,I've also tried to move it manually and to remove the style property using JS but I see no changes. I need it in the right position and I also need to redefine some of the style properties.

Thanks in advance

[st@rsky]

Any news?

[kh99]

The position is set dynamically by javascript that's in clientscript/vbulletin_menu.js, at the time the menu opens. The top is set to the top of a certain object, plus the offsetHeight of that object. Obviously that's not working in your case, but I'm not sure why that would be. Maybe it's using the wrong object for some reason. I'll look at it more, but I wanted to post this in case it gives you an idea.

As far as the other style properties, I think if you list an additional style in the "class" attribute you could add some css to override the color, font, etc.