Below is a list of the IDs that are used through VForums... More a list for me to access... but also for all new coders!

Welcome Table
Contains banner, menu etc..
id: welcome_table

User Bar
Contains Logged in as... & PM info & Mark all boards as read link
id:user_table

Whole Forum
Contains everything from the nav down to the bottom of the forums. Could be hidden when using custom pages.
id:forum_table

Nav Tree
vForums Support :: Improvements etc....
id: nav_tree

Info Center
-
id: info_center

Inside the Info Center
Most of the areas in the info center have an id. View the image to see them.
Image of IDs


There's a list of all of the Id's that are used... I will shortly be posting a list of Common places that people will need to access... Eg: Menu...

Viewing the pages source:
Adding /addspacing/1 to the end of any URL will output the source code with all of the line breaks and tabs. This is great for finding the IDs/class names/attributes of the elements you need to target.

Storing Information in the Mini-Profile:
There is a hidden input field on the modify profile page called "hidden". There is no maximum length for this field meaning you can store as much data in there as you wish. The value entered in this field will then be outputted in a hidden span (with the ID "hidden_vars") at the bottom of the mini-profile.

Menu
To access this, we need to grab the 2nd cell in the welcome table

Code:

Select All

 

document.getElementById('welcome_table').getElementsByTagName('td')[2];

document.getElementById('welcome_table').getElementsByTagName('td')[2];

 

---

Global Variables

vf_username - Person's Username [text]
vf_displayname - Person's Displayname [text]
vf_usergroup - Person's Usergroups [array]
vf_posts - Person's Total Posts [number]
vf_total_pms - Person's Total PMs [number]
vf_new_pms - Person's New PMs [number]
vf_profile - Mini Profile Look (Normal, tabular, horizontal) [number]
vf_skin - Skin they're using [number]

ive read this and looked through the source and this forum is amazing. it also has a hell of alot of classes even the last post cell has its own class

also you forgot the info center id

info_center

I wasn't on the main page when I checked the source... woops... I'll add it now ... thanks!

no problem I love this place

Not sure where to mention this, but here seems like a good enough place

Tip 1 - Viewing the pages source:
Adding /addspacing/1 to the end of any URL will output the source code with all of the line breaks and tabs. This is great for finding the IDs/class names/attributes of the elements you need to target.

Tip 2 - Storing Information in the Mini-Profile:
There is a hidden input field on the modify profile page called "hidden". There is no maximum length for this field meaning you can store as much data in there as you wish. The value entered in this field will then be outputted in a hidden span (with the ID "hidden_vars") at the bottom of the mini-profile.

Nice little collection here - it'll help me when i get back to learning coding

Posted By Ross on 30th Dec 07 at 11:33pm

 

Not sure where to mention this, but here seems like a good enough place

Tip 1 - Viewing the pages source:
Adding /addspacing/1 to the end of any URL will output the source code with all of the line breaks and tabs. This is great for finding the IDs/class names/attributes of the elements you need to target.

Tip 2 - Storing Information in the Mini-Profile:
There is a hidden input field on the modify profile page called "hidden". There is no maximum length for this field meaning you can store as much data in there as you wish. The value entered in this field will then be outputted in a hidden span (with the ID "hidden_vars") at the bottom of the mini-profile.

Sweet Idea for #2, will come of use

Posted By Ross on 30th Dec 07 at 11:33pm

 

Not sure where to mention this, but here seems like a good enough place

Tip 1 - Viewing the pages source:
Adding /addspacing/1 to the end of any URL will output the source code with all of the line breaks and tabs. This is great for finding the IDs/class names/attributes of the elements you need to target.

Tip 2 - Storing Information in the Mini-Profile:
There is a hidden input field on the modify profile page called "hidden". There is no maximum length for this field meaning you can store as much data in there as you wish. The value entered in this field will then be outputted in a hidden span (with the ID "hidden_vars") at the bottom of the mini-profile.

I was going to ask about #2

I was hoping you would have added it!

I've added Ross' tips to the first post.

you should add all the seperate id's inside the info center

I have!

good lad

it's easier to see them as an image.

Aye, these could be very helpful in the future. Thanks Wrighty but, i know exactly where you got the Global Variables.

But some people can't be bothered looking!

exactly, its good that youv put these up. is that all of them from the whole forum ?

No there's still a couple more, which I'll add later tonight. I'm working on something atm.

If you right click (on Windows) and select "view page source" its a more convienent way to view it. I love the page source. Its like the blueprint of a forum or the "backstage" You see all the things involved in making the forum. One forum claimed to have 20,000 in a month or something, which I knew was bogus, I view their page source, and sure enough there was a code to alter it.

Not a coder, but it seems to be making them happy, so thanks for adding this "feature"

theres only that way and right clicking and clicking view source to view it

and they both do the same.

Actually, these are the ways to view the source:

Right Click -> View [Page] Source
View -> [Page] Source
CTRL + U [Firefox]

Not sure of the shortcut in Opera.

its ctrl and f3, and they are just shortcuts to View -> Source

but what I mean is they all do the same thing

OHHH I SEE NOW I CAN MAKE CODES ROTFL... Hah.

Is there any instructions to using the hidden variable? have some codes I want to make but I need the hidden variable to make them

The hidden variable can only be updated on the modify profile page. It can then be called anywhere using vf_hiddenvars

Posted By Michael on 30th Dec 07 at 2:15am

 

Inside the Info Center
Most of the areas in the info center have an id. View the image to see them.
Image of IDs

Image is broken

This thread is outdated, I'll get round to a new one at some stage, a lot of things can be done through the Templating System now. If you have a specific question, best to start a new thread


- Locked