vb.org Archive - How to get the javascript edit for profile field on another page?

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB3 Programming Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=15)

- - How to get the javascript edit for profile field on another page? (https://vborg.vbsupport.ru/showthread.php?t=209233)

TNCclubman

03-23-2009 09:05 PM

How to get the javascript edit for profile field on another page?

1 Attachment(s)

I want to set up a vB powered page and have the ability for the user to edit a field in their ABOUT ME section, from this new page. Ive got the following code all done (see below) and attached screenshot. The edit pencil links to the edit your details page which is a temp work around. What I want is to do the javascript instant inline editing like it does in their profile about me section. Can you have a look at my coding and let me know where (and what) to place in so that when I click on the pencil, you can instantly edit the profile field?

Thanks!!

Code:

<!-- ########## WHATS ON YOUR MIND ######### -->



    <tr><td class="alt1" nowrap align="left">



<fieldset> 

<a href="/profile.php?do=editprofile"><img src="/image.php?u=$bbuserinfo[userid]" alt="Some avatar" border="0" /></a>

<b>What's On Your Mind?:</b><br>

$bbuserinfo[field15]<a class="smallfont" href="profile.php?$session[sessionurl]do=editprofile"> <img class="inlineimg" border="0" src="/board/images/misc/userfield_edit.gif"/></a> </fieldset></td>

  </tr>



<!-- ########## /WHATS ON YOUR MIND ######### -->

Lynne

03-23-2009 09:11 PM

Did you read my post here about this?

TNCclubman

03-24-2009 03:18 AM

yep, read it, tried the code you placed but nothing showed up.

Im not as advanced with this as I look, looking for someone with experience to help me get past the final loop and post the solution (code) to get it to work.

Anyone know the code to use?

TigerC10

03-24-2009 04:01 AM

She's saying you should be doing this:

Code:

<!-- ########## WHATS ON YOUR MIND ######### -->



    <tr><td class="alt1" nowrap align="left">



<fieldset> 

    <a href="/profile.php?do=editprofile"><img src="/image.php?u=$bbuserinfo[userid]" alt="Some avatar" border="0" /></a>

    <dt class="shade" id="profilefield_title_15">What's On Your Mind?:</dt>

    <dd id="profilefield_value_15">

        $bbuserinfo[field15]

        <script type="text/javascript">

        <!--

        vBulletin.register_control("vB_ProfilefieldEditor", "15");

        //-->

        </script>

    </dd>

</fieldset>



    </td></tr>



<!-- ########## /WHATS ON YOUR MIND ######### -->

Is that the code you tried?

TNCclubman

03-24-2009 04:12 AM

actually that disabled the pencil I had there...and the javascript one isnt there either...

--------------- Added [DATE]1237872370[/DATE] at [TIME]1237872370[/TIME] ---------------

also this in your code
vBulletin.register_control("vB_ProfilefieldEditor" , "1");

I changed to
vBulletin.register_control("vB_ProfilefieldEditor" , "12");

and still no edit pencil...

TigerC10

03-24-2009 04:35 AM

You should be sure to add in the .js includes... I thought you had done that already.

Code:

<script type="text/javascript" src="clientscript/vbulletin_profilefield_edit.js?v=$vboptions[simpleversion]"></script>



<!-- ########## WHATS ON YOUR MIND ######### -->



    <tr><td class="alt1" nowrap align="left">



<fieldset> 

    <a href="/profile.php?do=editprofile"><img src="/image.php?u=$bbuserinfo[userid]" alt="Some avatar" border="0" /></a>

    <dt class="shade" id="profilefield_title_15">What's On Your Mind?:</dt>

    <dd id="profilefield_value_15">

        $bbuserinfo[field15]

        <script type="text/javascript">

        <!--

        vBulletin.register_control("vB_ProfilefieldEditor", "15");

        //-->

        </script>

    </dd>

</fieldset>



    </td></tr>



<!-- ########## /WHATS ON YOUR MIND ######### -->

TNCclubman

03-24-2009 04:40 AM

wow, that worked you rock !!!!

TigerC10

03-24-2009 04:43 AM

Use the variable $vboptions[simpleversion] instead of 381. You can put it anywhere above where you call it, the head is fine.

TNCclubman

03-24-2009 04:52 AM

Thanks Tiger and Lynne!

Solution reached!

TNCclubman

03-24-2009 12:54 PM

1 Attachment(s)

Actually, 1 more question...

The layout is taking up to much space by putting the text UNDER the avatar...

How can I put the text to the right of the avatar?

I've tried putting the avatar in the left cell of a table, and the text on the right, but the table structure breaks up the tables bad on the page Im using...

Is there another way to do it without tables?
(Ive attached a screenshot of the way it looks now, and how I want the layout to look...

Lynne

03-24-2009 01:29 PM

Glad you got it to work.

You might want to post the template code that includes the avatar so we can see what html you are currently using. Also, post a few lines above and below the area of interest.

whitesoxfan5622

04-15-2009 11:41 PM

I tried using this, but when i click the pencil, i get a popup saying undefined. Any help would be appreciated.

Thanks!

Here is the code im using:

Code:

<!-- ########## STEAM ID ######### -->



<script type="text/javascript" src="http://extremeg.org/forum/clientscript/vbulletin_profilefield_edit.js?v=$vboptions[simpleversion]"></script>



    <tr><td class="alt1" nowrap align="left">



<fieldset> 

       <dt class="shade" id="profilefield_title_9">Steam ID:</dt>

    <dd id="profilefield_value_9">

        $bbuserinfo[field9]

        <script type="text/javascript">

        <!--

        vBulletin.register_control("vB_ProfilefieldEditor", "9");

        //-->

        </script>

    </dd>

</fieldset>



    </td></tr>

<!-- ########## /STEAM ID ######### -->

http://www.extremeg.org/index.php?pageid=testinput thats the page its on if you want to see the error.

TigerC10

04-16-2009 01:35 AM

I believe the issue is that you blindly copied the code without altering it to fit your page.

Here's a snippet from your page source:

Code:

                <tbody id="collapseobj_module_12" style="">

                        

                                <tr>

                                        <td class="alt1">

                                                <!-- ########## STEAM ID ######### -->



<script type="text/javascript" src="http://extremeg.org/forum/clientscript/vbulletin_profilefield_edit.js?v=382"></script>



    <tr><td class="alt1" nowrap align="left">



<fieldset> 

       <dt class="shade" id="profilefield_title_9">Steam ID:</dt>

    <dd id="profilefield_value_9">

        

        <script type="text/javascript">

        <!--

        vBulletin.register_control("vB_ProfilefieldEditor", "9");

        //-->

        </script>

    </dd>

</fieldset>



    </td></tr>

<!-- ########## /STEAM ID ######### -->

                                        </td>

                                </tr>

                        

                </tbody>

Do you notice how you've inserted code incorrectly? <tr><td> <tr><td></td></tr> </td></tr>

Try fixing that.

whitesoxfan5622

04-16-2009 07:39 PM

Ok, thanks. I will try this.

--------------- Added [DATE]1239915162[/DATE] at [TIME]1239915162[/TIME] ---------------

I figured it out. I was making a page in VBa, but the index.php file was not under /forum. Once i moved it, it worked.

tommac3

04-26-2009 11:41 PM

I would like to do something similar. I started a seperate thread.

https://vborg.vbsupport.ru/showthread.php?p=1799453

Basically I would like to add a "pencil" somewhere that will allow the member to edit a field in his profile. I would prefer a text box to a pencil ... but I will take a pencil if it is easier.

All times are GMT. The time now is 04:17 AM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01062 seconds Memory Usage 1,758KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (5)bbcode_code_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (15)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: