The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

HTML collapsable panel

View previous topic View next topic Go down

HTML collapsable panel

Post by Dark Fox on September 16th 2010, 4:39 pm

Hello there,

I want to make a detailed memberslist of my gaming clan.
I want to make a list with names and when you click them, their info pops up under there name.
I tried to make it it in Dreamweaver CS3 and with succes but I can't put it in a HMTL supported post.

Could someone please tell me how I could do this?

Greetz,
Dark Fox.


Last edited by Dark Fox on September 16th 2010, 8:44 pm; edited 1 time in total

Dark Fox
Forumember

Male Posts : 61
Reputation : 0
Language : English, Dutch, German, French
Location : Papendrecht, The Netherlands

http://www.rafclanforum.com/

Back to top Go down

Re: HTML collapsable panel

Post by Dark Fox on September 16th 2010, 8:26 pm

Maybe it's possible to change the posting_body template located at:
Display -> Templates -> Post & Private messages -> posting_body

I don't know if it's possible but is there a chance I can add an option of inserting dropdownspry's automatically?

Please, I still need help on this.

Greetz,
Dark Fox.


Last edited by Dark Fox on September 16th 2010, 8:45 pm; edited 1 time in total

Dark Fox
Forumember

Male Posts : 61
Reputation : 0
Language : English, Dutch, German, French
Location : Papendrecht, The Netherlands

http://www.rafclanforum.com/

Back to top Go down

Re: HTML collapsable panel

Post by WHITESABBATH on September 16th 2010, 8:35 pm


WHITESABBATH
Active Poster

Male Posts : 1198
Reputation : 119
Language : English, F-Bombs
Location : Chicago

Back to top Go down

Re: HTML collapsable panel

Post by Dark Fox on September 29th 2010, 8:42 pm

Dropdownmenu's are something else.
I don't need a collapsable panel at my navigation bar or something.

I need a way to make collapsable panels in a post, so I can post detailed lists of players on my forum, and when I click a player a panel collapse underneath it with the details.

Please someone who knows how to use html features in a post properly help me! =D

Greetz,
Dark Fox.

Dark Fox
Forumember

Male Posts : 61
Reputation : 0
Language : English, Dutch, German, French
Location : Papendrecht, The Netherlands

http://www.rafclanforum.com/

Back to top Go down

Re: HTML collapsable panel

Post by Saxaca on September 29th 2010, 8:52 pm

Code:
<div align="center">
<input type=button value="Wiew" style='width:200px;margin:0px;padding:0px;' onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Wiew'; }"/>
</div>
<div style="min-height: 0px; background-color: #FFFFFF;">
<div style="display: none" align="center">
Textish
</div>
</div>

Like that?

[EDIT]

Forgot to put in code box Razz

Saxaca
Forumember

Male Posts : 539
Reputation : 26
Language : Markup.

Back to top Go down

Re: HTML collapsable panel

Post by Dark Fox on September 29th 2010, 10:33 pm

Ok, maybe it's me being stupit again but how can I make this into a list?
Could you make an example for me?
So in code and working.

With for example 2 names and when you click one, the text: ''hello'' pops up, when you click the second name: ''hi there'' pops up.

Just for me getting to know what everything is for.

Thanks a lot already!
Dark Fox.

Dark Fox
Forumember

Male Posts : 61
Reputation : 0
Language : English, Dutch, German, French
Location : Papendrecht, The Netherlands

http://www.rafclanforum.com/

Back to top Go down

Re: HTML collapsable panel

Post by Saxaca on September 30th 2010, 4:09 pm

Kinda like this? (Try inserting it into an HTML page and click prewiev Wink )

Code:
<html>

<head>

<script type="text/javascript">

function popup()
{
alert("This is a pop up box onload from the body tag");
}

</script>

</head>


<input type="button" value="UserName" onclick="popup()" />

</body>

</html>

You could also use other activation tags, like
Code:
<a href="#" onclick="popup()">Click Here</a>

Was not a direct popup what you were looking for? Try this, use in a HTML page.


Code:
<script type="text/javascript">
<!--
function resettoggle() {
var e = document.getElementById('toggle');
e.style.display = 'none';
}

function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'none')
e.style.display = 'block';
else
e.style.display = 'none';
}
//-->
</script>

<body onLoad="resettoggle()">
<a href="#" onclick="toggle_visibility('toggle');">Founderdude</a>
<div id="toggle">
Founder
Head Administrator
Head Moderator
</div>
</body>


G'luck!

Saxaca
Forumember

Male Posts : 539
Reputation : 26
Language : Markup.

Back to top Go down

Re: HTML collapsable panel

Post by Dark Fox on September 30th 2010, 6:32 pm

First of all, Thanks a lot for all the effort!

now I've tried your codes but I didn't really found something that was working nicely.

the first code:
Some parts of the code weren't accepted and were putted above the button for some reason. The button didn't have any effect at all.


the second code:
Same as the first one, some parts showed above the link.
This link did do something though, when I clicked it , it brought me al the way up to the top of my webpage.
And a ''#'' showed up after my URL.


the third code:
This one did show up properly But the content wasn't hidden which I think it should be? And the link had the same effect as the second code you gave me, it brought me to the top of my webpage.


Maybe I'm doing something incredibly wrong but I'm just not that good with this sort of stuff xD
Thats why I came here. =D

Greetz,
Dark Fox.

Dark Fox
Forumember

Male Posts : 61
Reputation : 0
Language : English, Dutch, German, French
Location : Papendrecht, The Netherlands

http://www.rafclanforum.com/

Back to top Go down

Re: HTML collapsable panel

Post by Saxaca on September 30th 2010, 6:36 pm

I actually told you to insert it in an HTML page Wink

Saxaca
Forumember

Male Posts : 539
Reputation : 26
Language : Markup.

Back to top Go down

Re: HTML collapsable panel

Post by Guest on September 30th 2010, 7:53 pm

@Saxaca wrote:I actually told you to insert it in an HTML page Wink
The HTML page is interesting, but what was requested was the pop-up being in a post. forumotion disabled all direct access to javascript in posts, so your suggestion on its own will not work. It might work, though, if the HTML page was accessed through an IFRAME in a post.

I'm sure you can come up with the code to do this, now that I gave you the idea. Very Happy

Guest
Guest


Back to top Go down

Re: HTML collapsable panel

Post by Saxaca on September 30th 2010, 8:22 pm

I hope this'l do the trick:

Code:
<iframe src="linktohtmlpagewithscript" width="850px" heigth="300" scrolling="no" frameborder="0"></iframe>

Saxaca
Forumember

Male Posts : 539
Reputation : 26
Language : Markup.

Back to top Go down

Re: HTML collapsable panel

Post by Dark Fox on September 30th 2010, 9:07 pm

OK, I'm confused.
I have completely no idea of what I have to do now :S

About the HTML page thingy:
I also tried one of the codes in a HTML page and resulted in exactly the same.

Dark Fox
Forumember

Male Posts : 61
Reputation : 0
Language : English, Dutch, German, French
Location : Papendrecht, The Netherlands

http://www.rafclanforum.com/

Back to top Go down

Re: HTML collapsable panel

Post by Saxaca on September 30th 2010, 9:32 pm

Strange, for me it works simply PERFECT..

You sure you have activated HTML?

Saxaca
Forumember

Male Posts : 539
Reputation : 26
Language : Markup.

Back to top Go down

Re: HTML collapsable panel

Post by Dark Fox on October 7th 2010, 8:21 pm

could I see an example of what it should look like at your website?

Dark Fox
Forumember

Male Posts : 61
Reputation : 0
Language : English, Dutch, German, French
Location : Papendrecht, The Netherlands

http://www.rafclanforum.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum