[javascript]Telefoonlijst maken - Softwareontwikkeling

maandag 5 januari 2004 09:10

Acties:

business intelligence

Topicstarter

Ik ben bezig met een telefoonlijst te maken en ik wil dit met javascript doen zodat iedereen zijn lijst clientsided kan aanpassen. De gegevens heb ik al uit de public folders van outlook gehaald en via vbscript in een variabele van javascript gehaald....

maar nu heb ik een tijdje geleden een website gezien waar je teksten kon aan en uit zetten door een knop....als je de tekst weglaat sluit de rest gewoon aan....nu wil ik dit ook gaan doen met alle personen en telefoonnummers....eerst groeperen als afdelingen en dan zelf de afdelingsvolgorde kunnen bepalen maar nu ben ik die website kwijt en vraag ik me af hoe ik dit het beste kan doen???

met frames en dan met z-index werken???

ik kan het eigenlijk niet goed vinden....zal wel komen door de vakantie...

business-intelligence.info/freelance

maandag 5 januari 2004 09:14

Acties:

whoami

Javascript hoort niet thuis in P&W, maar in W&G. (DAt kan je ook lezen in de forumdescription).

P&W -> W&G

https://fgheysels.github.io/

maandag 5 januari 2004 09:17

Acties:

Guidance

z-index is niet beslist nodig, het is handiger om DIV's te maken en deze met inline visible te maken. Kijk hiervoor eens op www.handleidinghtml.nl. Dit is voor mij een handige hulp geweest bij Reference voor HTML.

Guidance

maandag 5 januari 2004 09:22

Acties:

coldasice

business intelligence

Topicstarter

ik krijg al in de gaten dat ik in het verkeerde forum aan het zoeken was.....ik zal het eens doorlezen met de div's....bedankt alvast....

business-intelligence.info/freelance

maandag 5 januari 2004 13:45

Acties:

coldasice

business intelligence

Topicstarter

code:

<script type="text/javascript"><!--//--><![CDATA[//><!--

startList = function() {
    if (document.all&&document.getElementById) {
            navigation = document.getElementById("Afdeling");
            
            for (i=0; i<navigation.childNodes.length; i++) {
                node = navigation.childNodes[i];
                
                if (node.nodeName=="LI") {
                    node.onclick=function() {
                        if(this.className==" over"){
                        this.className=this.className.replace(" over", "");
                        }
                        else{       
                        this.className+=" over";
                        }       
                    }
                }
            }
        }
}
window.onload=startList;

//--><!]]></script>

<LINK REL="Stylesheet" HREF="/asp_lib/styles/telefoonlijst.css" TYPE="text/css">
<body>
<ul id="Afdeling">

<li>Verkoop
    <ul>
        <table border="1">
            <li><tr><td><a href="">naam0</a></td><td>0411111111</td></tr></li>
            <li><tr><td><a href="">naam1</a></td><td>041111111</td></tr></li>
            <li><tr><td><a href="">naam2</a></td><td>041111111</td></tr></li>
        </table>
    </ul>
</il>

Als ik deze code uitvoer komt het er redelijk goed uit te zien....
alleen krijg ik eerst enkele witregels onder de afdeling te zien en omdat ik niet zo heel veel weet van styling hoop ik dat jullie me hiermee kunnen helpen...

hieronder staat een gedeelte van de stylingsheet

code:

ul {
    padding: 0;
    margin: 0;
    position: relative;
    border: thin;
}

li {
    float: left;
    position: relative;
    width: 25em;
    font-size: smaller;
}

li ul { 
    display: none;
    position: relative;
    top: 0em;
    left: 0;
}

li>ul {
    top: auto;
    left: auto;
}

li:hover ul, li.over ul { 
    display: block;
}

hoe komt het???en een table binnen een li denk ik niet dat het echt een mooje oplossing is maar ik weet niet precies hoe ik dit moet aanpakken....

misschien met divs??

business-intelligence.info/freelance

maandag 5 januari 2004 15:02

Acties:

coldasice

business intelligence

Topicstarter

heb de <li> eruit gehaald en er 1 van gemaakt....en hierin de table gezet....

code:

<li>Verkoop
      <ul>
          <li>
                <table>
                       <tr>
                          <td><a href="">naam1/a></td>
                          <td>04111111</td>
                       </tr>
    </table>
           </li>
       </ul>
</il>

nu werkt het wel....

business-intelligence.info/freelance

Pagina: 1

Reageer