Topic awaiting preservation: JS illiteracy, guidance needed $Pages that link to <a href="https://ozoneasylum.com/backlink?for=26361" title="Pages that link to Topic awaiting preservation: JS illiteracy, guidance needed" rel="nofollow" >Topic awaiting preservation: JS illiteracy, guidance needed\$

Author	Thread
Ruski Paranoid (IV) Inmate From: Insane since: Jul 2002	posted 07-31-2005 20:00 Well, once again I have been screwing and experimenting with all this web gibberish, such a mess anyways this is what I have so far: http://webspace.ringling.edu/~amatveic/ My idea was to replicate the similar interface found in (for example) this website I sort of saw that JS code did not belong to the artist and decided to use it for myself. I liked the idea of using it because it seemed easy to update once the frames are figured out, all I would need to do is edit and link to text a new simple html page with images, or whatever data I will want to display. Yet I am pretty illiterate when it comes to JS and I have tried screwing with the jamesjean.com code, kinda just editing file names to be displayed, but the result was unsatisfactory, nothing worked and sometimes I have received some strange functions. It would be helpful if any of you could help me to understand how this frame thingy works, because I don?t have a wish to touch dreamweaver. (Edited by Ruski on 07-31-2005 20:02)
reisio Paranoid (IV) Inmate From: Florida Insane since: Mar 2005	posted 08-01-2005 00:35 http://www.gazingus.org/html/menuExpandable3.html That one seems a little more simple...better. If you're going to use frames, all you need is <a href="whatever" target="elframeo" (with <iframe name="elframeo"). ...but it'd be better to just not use frames.
Ruski Paranoid (IV) Inmate From: Insane since: Jul 2002	posted 08-01-2005 03:07 alright, thanks for the link. But if I am not going to use frames, should I simply identify a page as a specific link with all same code and simply edit it accordingly? and what?s the problem with frames?
reisio Paranoid (IV) Inmate From: Florida Insane since: Mar 2005	posted 08-01-2005 04:24 quote: Ruski said: if I am not going to useframes, should I simply identify a page as a specific link Ya, why not. quote: Ruski said: with allsame code and simply edit it accordingly? Or you could use any of a number of incredibly simple SSI methods. quote: Ruski said: and what?s the problem with frames? Lots of things. The biggest to me is that they're no longer necessary for anything, but there are others, like... make bookmarking annoying / mask real locations they make your page code about as meaningful as having a big sign saying "no content for you! "
Ruski Paranoid (IV) Inmate From: Insane since: Jul 2002	posted 08-01-2005 04:40 hmm I will take into consideration waht you have said about frames... but I am unfamiliar with the acronym of SSI, I really have no idea what you mean, please explain. edit: ok nevermind, I have read what SSI is, but once again I have never worked with it so I guess it will take some time to figure out it;s full functional properties and how to apply it for the image use based on the interface I want to use. (Edited by Ruski on 08-01-2005 05:12)
Ruski Paranoid (IV) Inmate From: Insane since: Jul 2002	posted 08-01-2005 06:04 ok...now I have tried to replace JS code with the one you provided, trying to keep my visual style the same...again unsatisfactory, I guess I dont know what I am doing... take a look edit: fuck, for some reason server aint displaying my js edited page, I dont know why...anyways here is a code.... code: </style> <script type="text/javascript" src="/js/menuExpandable3.js"></script> <script type="text/javascript"> <!-- window.onload = function() { initializeMenu("mediaMenu", "mediaActuator"); initializeMenu("digitalMenu", "digitalActuator"); initializeMenu( "otherMenu", "otherActuator"); initializeMenu( "stuffMenu", "stuffActuator"); } //--> </script> </head> <body> <div id="header"><div class="head"> <div class="headright">Arthur Matveicenkov </div></div></div> <ul id="copyright"> all images © 2005 </ul> <ul id="menu"> <li><a target=center href="#">Index</a> <li><a href="#" id="mediaActuator" class="actuator">Media</a> <ul id="mediaMenu" class="menu"> <li><a href="#">Item 1</a> <li><a href="#">Item 2</a> <li><a href="#">Item 3</a> <li><a href="#">Item 4</a> </ul> </li> <li> <a href="#" id="digitalActuator" class="actuator">Digital</a> <ul id="digitalMenu" class="menu"> <li><a href="#">Item 1</a> <li><a href="#">Item 2</a> <li><a href="#">Item 3</a> <li><a href="#">Item 4</a> </ul> </li> <li> <a href="#" id="otherActuator" class="actuator">Other</a> <ul id="otherMenu" class="menu"> <li><a href="#">Item 1</a> <li><a href="#">Item 2</a> <li><a href="#">Item 3</a> <li><a href="#">Item 4</a> </ul> </li> <li> <a href="#" id="stuffActuator" class="actuator">Stuff</a> <ul id="stuffMenu" class="menu"> <li><a href="#">Info</a> <li><a href="#">Links</a> </ul> </li> </ul> </body> </html> and here is the document code... code: if (!document.getElementById) document.getElementById = function() { return null; } function initializeMenu(menuId, actuatorId) { var menu = document.getElementById(menuId); var actuator = document.getElementById(actuatorId); if (menu == null \|\| actuator == null) return; actuator.onclick = function() { var display = menu.style.display; return false; } } (Edited by Ruski on 08-01-2005 06:08)
Ruski Paranoid (IV) Inmate From: Insane since: Jul 2002	posted 08-02-2005 03:33 alright, like reisio suggested I am going to drop the idea of using frames. Instead I will add the "contain box" where I will be putting up all my content. http://webspace.ringling.edu/~amatveic/ as you can see I have several issues: first, when you click on those drop menus the contain box moves together with it, secondly I was not able to simplify javascript code (I have honestly tried, but results were mess...so I was only able to proceed the development with what I had) third I cant understand how to make some sort of "bondries" (margin/padding?) in the content box in order to prevent text from leaking on sides... it seems like a mix of issues which probably includes css and js, but I really need to understand them.

Topic awaiting preservation: JS illiteracy, guidance needed\$

Author

Thread

Ruski
Paranoid (IV) Inmate

From:
Insane since: Jul 2002

posted 07-31-2005 20:00

Well, once again I have been screwing and experimenting with all this web gibberish, such a mess

anyways this is what I have so far: http://webspace.ringling.edu/~amatveic/

My idea was to replicate the similar interface found in (for example) this website

I sort of saw that JS code did not belong to the artist and decided to use it for myself. I liked the idea of using it because it seemed easy to update once the frames are figured out, all I would need to do is edit and link to text a new simple html page with images, or whatever data I will want to display.

Yet I am pretty illiterate when it comes to JS and I have tried screwing with the jamesjean.com code, kinda just editing file names to be displayed, but the result was unsatisfactory, nothing worked and sometimes I have received some strange functions.

It would be helpful if any of you could help me to understand how this frame thingy works, because I don?t have a wish to touch dreamweaver.

(Edited by Ruski on 07-31-2005 20:02)

reisio
Paranoid (IV) Inmate

From: Florida
Insane since: Mar 2005

posted 08-01-2005 00:35

http://www.gazingus.org/html/menuExpandable3.html

That one seems a little more simple...better.

If you're going to use frames, all you need is <a href="whatever" target="elframeo" (with <iframe name="elframeo").

...but it'd be better to just not use frames.

Ruski
Paranoid (IV) Inmate

From:
Insane since: Jul 2002

posted 08-01-2005 03:07

alright, thanks for the link. But if I am not going to use frames, should I simply identify a page as a specific link with all same code and simply edit it accordingly?

and what?s the problem with frames?

reisio
Paranoid (IV) Inmate

From: Florida
Insane since: Mar 2005

posted 08-01-2005 04:24

quote:
Ruski said:

if I am not going to useframes, should I simply identify a page as a specific link

Ya, why not.

quote:
Ruski said:

with allsame code and simply edit it accordingly?

Or you could use any of a number of incredibly simple SSI methods.

quote:
Ruski said:

and what?s the problem with frames?

Lots of things. The biggest to me is that they're no longer necessary for anything, but there are others, like...

make bookmarking annoying / mask real locations
they make your page code about as meaningful as having a big sign saying "no content for you! "

Ruski
Paranoid (IV) Inmate

From:
Insane since: Jul 2002

posted 08-01-2005 04:40

hmm I will take into consideration waht you have said about frames...

but I am unfamiliar with the acronym of SSI, I really have no idea what you mean, please explain.

edit: ok nevermind, I have read what SSI is, but once again I have never worked with it so I guess it will take some time to figure out it;s full functional properties and how to apply it for the image use based on the interface I want to use.

(Edited by Ruski on 08-01-2005 05:12)

Ruski
Paranoid (IV) Inmate

From:
Insane since: Jul 2002

posted 08-01-2005 06:04

ok...now I have tried to replace JS code with the one you provided, trying to keep my visual style the same...again unsatisfactory, I guess I dont know what I am doing... take a look

edit: fuck, for some reason server aint displaying my js edited page, I dont know why...anyways here is a code....

code:

</style>

    <script type="text/javascript" src="/js/menuExpandable3.js"></script>   
    <script type="text/javascript">
    <!--
        window.onload = function() {
            initializeMenu("mediaMenu", "mediaActuator");
            initializeMenu("digitalMenu", "digitalActuator");
            initializeMenu( "otherMenu", "otherActuator");
            initializeMenu( "stuffMenu", "stuffActuator");
        }
    //-->
    </script>



</head>




<body>
<div id="header"><div class="head"> 
<div class="headright">Arthur Matveicenkov 
</div></div></div>



<ul id="copyright">

all images &copy; 2005   

</ul>



<ul id="menu">

                <li><a  target=center href="#">Index</a>




			<li><a href="#" id="mediaActuator" class="actuator">Media</a>
            <ul id="mediaMenu" class="menu">

                                               
                <li><a href="#">Item 1</a>
                <li><a href="#">Item 2</a>
                <li><a href="#">Item 3</a>                                              
				<li><a href="#">Item 4</a>	


           </ul>       
           </li>


			<li> <a href="#" id="digitalActuator" class="actuator">Digital</a>
            <ul id="digitalMenu" class="menu">

				                               
                <li><a href="#">Item 1</a>
                <li><a href="#">Item 2</a>
                <li><a href="#">Item 3</a>                                              
				<li><a href="#">Item 4</a>				

            </ul> 
			</li>
			
			<li> <a href="#" id="otherActuator" class="actuator">Other</a>
            <ul id="otherMenu" class="menu">


				                               
                <li><a href="#">Item 1</a>
                <li><a href="#">Item 2</a>
                <li><a href="#">Item 3</a>                                              
				<li><a href="#">Item 4</a>	
                                                                

			
             </ul> 
             </li>
			
			<li> <a href="#" id="stuffActuator" class="actuator">Stuff</a>
            <ul id="stuffMenu" class="menu">


				<li><a href="#">Info</a>
                <li><a href="#">Links</a>
                


            </ul> 
			</li>
			
			
			</ul>
		
			


</body>
</html>

and here is the document code...

code:

if (!document.getElementById)
    document.getElementById = function() { return null; }

function initializeMenu(menuId, actuatorId) {
    var menu = document.getElementById(menuId);
    var actuator = document.getElementById(actuatorId);

    if (menu == null || actuator == null) return;



   
    actuator.onclick = function() {
        var display = menu.style.display;
        return false;
   }
}

(Edited by Ruski on 08-01-2005 06:08)

Ruski
Paranoid (IV) Inmate

From:
Insane since: Jul 2002

posted 08-02-2005 03:33

alright, like reisio suggested I am going to drop the idea of using frames. Instead I will add the "contain box" where I will be putting up all my content.

http://webspace.ringling.edu/~amatveic/

as you can see I have several issues:

first, when you click on those drop menus the contain box moves together with it, secondly I was not able to simplify javascript code (I have honestly tried, but results were mess...so I was only able to proceed the development with what I had)

third I cant understand how to make some sort of "bondries" (margin/padding?) in the content box in order to prevent text from leaking on sides...

it seems like a mix of issues which probably includes css and js, but I really need to understand them.