Van HTML naar JavaScript - Softwareontwikkeling

maandag 13 februari 2006 20:25

Acties:

Verwijderd

Topicstarter

Hier is de HTML code die ik nu gebruik.

code:

<ul name="cat_block">
  <li name="cat_title" ID="cat0">      Game News
    <ul name="item_block">
      <li name="item" ID="cat0item0">
        <A HREF="http://www.gamecopyworld.com">GameCopyWorld</A></li>
      <li name="item" ID="cat0item1">
        <A HREF="http://www.gamespot.com">Gamespot.com</A></li>
      <li name="item" ID="cat0item2">
        <A HREF="http://www.gamesradar.com/">GamesRadar.com</A></li>
      <li name="item" ID="cat0item3">
        <A HREF="http://gamesradar.msn.co.uk">Gamesradar.msn.co.uk</A></li>
      <li name="item" ID="cat0item4">
        <A HREF="http://www.gametrailers.com">GameTrailers.com</A></li>
      <li name="item" ID="cat0item5">
        <A HREF="http://www.megagames.com">MegaGames</A></li>
    </ul>
  </li>
</ul>

Met eigen wijsheid en een beetje hulp van Google heb ik het omgevormd tot dit.
Maar helaas werkt het niet.

code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
  <HEAD>
    <TITLE>      Untitled
    </TITLE>
    <SCRIPT type="text/javascript">
        function addCat(newCat_ident, newCat_name)
        {
          newCat_UL_obj = document.createElement('UL');
            newCat_UL_obj.setAttribute('name', 'cat_block');
          newCat_LI_obj = document.createElement('LI');
          newCat_name_Obj = document.createTextNode(newCat_name);
            newCat_LI_obj.setAttribute('name', 'cat_title');
            newCat_LI_obj.setAttribute('ID', newCat_ident);
            newCat_LI_obj.appendChild(newCat_name_Obj);
          newCat_UL2_obj = document.createElement('UL');
            newCat_UL2_obj.setAttribute('name', 'item_block');
            
            newCat_LI_obj.appendChild(newCat_UL2_obj);
            newCat_UL_obj.appendChild(newCat_LI_obj);
            
            return(newCat_UL2_obj);
        }
        function addItem(cat_obj, item_ident, item_title, item_href)
        {
          newItem_LI_obj = document.createElement('LI');
              newItem_LI_obj.setAttribute('name', 'item')
              newItem_LI_obj.setAttribute('ID', item_ident)
          newItem_A_obj = document.createElement('A');
          newItem_name_obj = document.createTextNode(item_title);
              newItem_A_obj.setAttribute('HREF', item_href);
              newItem_A_obj.appendChild(newItem_name_obj);
              
          newItem_LI_obj.appendChild(newItem_A_obj);
        }
    </SCRIPT>
    <STYLE TYPE="text/css">
            Body { 
         font-family: Tahoma, Arial; 
         text-decoration: none; 
         font-size: 12pt; 
         }      
            a { 
         text-decoration: none; 
         font-size: 11pt; 
         }      
            a:link {
         text-decoration: none;
         font-size: 11pt; 
         }      
            a:active { 
         text-decoration: none; 
         font-size: 11pt; 
         }      
            a:hover { 
         text-decoration: underline; 
         font-size: 11pt; 
         }
    </STYLE>
  </HEAD>
  <BODY LINK="blue" VLINK="blue" ALINK="blue" BGCOLOR="#CCCCCC">
    <BR>
    <SCRIPT type="text/javascript">
      cat_obj = addCat("cat0", "Game News");
      addItem(cat_obj, "cat0item0", "GameCopyWorld", "http://www.gamecopyworld.com");
      addItem(cat_obj, "cat0item1", "Gamespot.com", "http://www.gamespot.com");
      addItem(cat_obj, "cat0item2", "GamesRadar.com", "http://www.gamesradar.com/");
      addItem(cat_obj, "cat0item3", "Gamesradar.msn.co.uk", "http://gamesradar.msn.co.uk");
      addItem(cat_obj, "cat0item4", "GameTrailers.com", "http://www.gametrailers.com");
      addItem(cat_obj, "cat0item5", "MegaGames", "http://www.megagames.com");
    </SCRIPT>
  </BODY>
</HTML>

Ik weet zeker dat er (veel) beginnersfouten in zitten, maar ik zie het niet.
Als jullie me tips kunnen geven, zou ik het enorm waarderen.

maandag 13 februari 2006 20:28

Acties:

Verwijderd

offtopic:
ik snap eigenlijk niet helemaal waarom je html naar het slome en slecht compatibele javascript wilt porten

maandag 13 februari 2006 20:30

Acties:

ralpje

Deugpopje

Je wilt een suckerfish(like) dropdown menu gaan porten naar javascript?
Waarom dan?

Freelance (Microsoft) Cloud Consultant & Microsoft Certified Trainer

maandag 13 februari 2006 20:46

Acties:

Verwijderd

Topicstarter

Waarom waarom?
Kunnen jullie het beter? Dat is de vraag.

maandag 13 februari 2006 20:47

Acties:

Verwijderd

Verwijderd schreef op maandag 13 februari 2006 @ 20:46:
Waarom waarom?
Kunnen jullie het beter? Dat is de vraag.

persoonlijk heb ik weinig zin om een nutteloos probleem op te lossen

maandag 13 februari 2006 20:54

Acties:

Verwijderd

Verwijderd schreef op maandag 13 februari 2006 @ 20:46:
Waarom waarom?
Kunnen jullie het beter? Dat is de vraag.

Om de vraag te kunnen beantwoorden zullen we wel de achterliggende gedachte moeten weten. Er zijn 1001 manieren om dit aan te pakken. Welke je gebruikt is afhankelijk van wat je wilt bereiken.

maandag 13 februari 2006 21:11

Acties:

Verwijderd

ziet er op zich allemaal wel ok uit, zo op het eerste gezicht, je hangt ze alleen niet in de DOM, dat moet je natuurlijk nog wel ff doen

maandag 13 februari 2006 21:50

Acties:

Verwijderd

Topicstarter

Verwijderd schreef op maandag 13 februari 2006 @ 21:11:
ziet er op zich allemaal wel ok uit, zo op het eerste gezicht, je hangt ze alleen niet in de DOM, dat moet je natuurlijk nog wel ff doen

gelukt! dank je wel voor de tip $_/-\o_$

maandag 13 februari 2006 23:35

Acties:

crisp

Devver

Pixelated

Ik begrijp enkel niet wat al die name-attributen voor zin hebben (buiten het feit dat ze voor deze elementen niet valid zijn - ervan uitgaande dat het HTML 4 betreft). Het nut van de ID's op bijna elk element ontgaat me overigens ook een beetje...
Een beetje consequent zijn mbt lower/uppercase kan ook geen kwaad (met een voorkeur voor het eerste).

Verwijderd schreef op maandag 13 februari 2006 @ 20:28:

offtopic:
ik snap eigenlijk niet helemaal waarom je html naar het slome en slecht compatibele javascript wilt porten

Ik ben het met je eens dat javascript niet de beste keus is, maar dan meer vanwege accessibility en doorzoekbaarheid voor search-engines. Sloom en slecht compatible is javascript geenszins...

[ Voor 7% gewijzigd door crisp op 13-02-2006 23:36 ]

Intentionally left blank

dinsdag 14 februari 2006 13:02

Acties:

Verwijderd

Topicstarter

crisp schreef op maandag 13 februari 2006 @ 23:35:
Ik begrijp enkel niet wat al die name-attributen voor zin hebben (buiten het feit dat ze voor deze elementen niet valid zijn - ervan uitgaande dat het HTML 4 betreft).

Dat kwam ik laatst tegen in MSDN idd. classNames zijn wel geaccepteerd he?