Endless Paradigm

Full Version: xlink html/css/whatever code?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
found the spoiler code but i want the xlink :D

xlink =
this is the xlink

Spoiler for spoiler code:

Code:
<html>
<head>
    <title>Spoiler HTML code</title>
    <style type="text/css">
body,input
    {
    font-family:"Trebuchet ms",arial;font-size:0.9em;
    color:#333;
    }
.spoiler
    {
    border:1px solid #ddd;
    padding:3px;
    }
.spoiler .inner
    {
    border:1px solid #eee;
    padding:3px;margin:3px;
    }
    </style>
    <script type="text/javascript">
function showSpoiler(obj)
    {
    var inner = obj.parentNode.getElementsByTagName("div")[0];
    if (inner.style.display == "none")
        inner.style.display = "";
    else
        inner.style.display = "none";
    }
    </script>
</head>
<body>
<h1>Spoiler HTML w/Js Code by Skrap</h1>
<div class="spoiler">
    <input type="button" onclick="showSpoiler(this);" value="Show/Hide" />
    <div class="inner" style="display:none;">
    This is a spoiler!
    </div>
</div>
</body>
</html>


this is the spoiler code


halp Yawndoodle

(i think this can be obtained by merely looking at the source code but....

* boogschd is lazy Hihi)

HTML Code
<div>
<div style="background: #DDDDFF; vertical-align: middle; padding-left: 5px; padding-top: 2px; padding-bottom: 2px; border-top: 1px solid #AAAAFF; border-bottom: 1px solid #AAAAFF; cursor: pointer;" onClick="xlinkClick(this);" onMouseOver="this.style.background='#AAAAFF'" onMouseOut="this.style.background='#DDDDFF'">
<img src="http://endlessparadigm.com/forum/images/smilies/plus.gif" style="padding-top: 2px; vertical-align: top" border="0">
XLINK TEXT
</div>
<div style="display: none; padding-left: 25px; background: #F0F0F0;">
<div style="background: #F0F0FF;">
STUFF INSIDE
</div></div></div>

Javascript Code
function xlinkClick(xlinkObj)
{
 var xlinkContent = xlinkObj.parentNode.getElementsByTagName('div')[1];
 if(xlinkContent.style.display != '') {
  xlinkContent.style.display = '';
  xlinkObj.getElementsByTagName('img')[0].src = 'http://endlessparadigm.com/forum/images/smilies/minus.gif';
 } else {
  xlinkContent.style.display = 'none';
  xlinkObj.getElementsByTagName('img')[0].src = 'http://endlessparadigm.com/forum/images/smilies/plus.gif';
 }
}



You might want to clean that up with some CSS / better Javascript, but meh, I'm lazy.

i think that will do :D ..

thanks zinger b Hero

ot: why are our usernames italicized Hmmm
boogschd Wrote:ot: why are our usernames italicized Hmmm
?

Doesn't look like that here...
ZiNgA BuRgA Wrote:
boogschd Wrote:ot: why are our usernames italicized Hmmm
?

Doesn't look like that here...

Yeah exactly I can't see that....
well from all this, I found out how to use

this
had forgotten!
ZiNgA BuRgA Wrote:
boogschd Wrote:ot: why are our usernames italicized Hmmm
?

Doesn't look like that here...

weird...

theyr not italicized anymore .... nevermind :p

ill get a screen shot if ever it occurs again :D
Reference URL's