Closed Thread Icon

Topic awaiting preservation: JS illiteracy, guidance needed (Page 1 of 1) Pages that link to <a href="http://ozoneasylum.com/backlink?for=26361" title="Pages that link to Topic awaiting preservation: JS illiteracy, guidance needed (Page 1 of 1)" rel="nofollow" >Topic awaiting preservation: JS illiteracy, guidance needed <span class="small">(Page 1 of 1)</span>\

 
Ruski
Paranoid (IV) Inmate

From:
Insane since: Jul 2002

posted 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 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 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 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 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 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 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.

« BackwardsOnwards »

Show Forum Drop Down Menu