HTML collapsable panel
3 posters
Page 1 of 1
HTML collapsable panel
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.
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
Re: HTML collapsable panel
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.
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
WHITESABBATH- Active Poster
- Posts : 1198
Reputation : 119
Language : English, F-Bombs
Location : Chicago
Re: HTML collapsable panel
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.
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.
Re: HTML collapsable panel
- 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
Saxaca- Forumember
- Posts : 539
Reputation : 26
Language : Markup.
Re: HTML collapsable panel
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.
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.
Re: HTML collapsable panel
Kinda like this? (Try inserting it into an HTML page and click prewiev )
You could also use other activation tags, like
Was not a direct popup what you were looking for? Try this, use in a HTML page.
G'luck!
- 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
- Posts : 539
Reputation : 26
Language : Markup.
Re: HTML collapsable panel
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.
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.
Re: HTML collapsable panel
I actually told you to insert it in an HTML page
Saxaca- Forumember
- Posts : 539
Reputation : 26
Language : Markup.
Re: HTML collapsable panel
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.Saxaca wrote:I actually told you to insert it in an HTML page
I'm sure you can come up with the code to do this, now that I gave you the idea.
Guest- Guest
Re: HTML collapsable panel
I hope this'l do the trick:
- Code:
<iframe src="linktohtmlpagewithscript" width="850px" heigth="300" scrolling="no" frameborder="0"></iframe>
Saxaca- Forumember
- Posts : 539
Reputation : 26
Language : Markup.
Re: HTML collapsable panel
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.
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.
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum