DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
Dat heb ik nu dus gedaan:quote:Op zondag 6 mei 2007 14:47 schreef SlimShady het volgende:
nee, één functie die je x keer aanroept.
Voor elk element in de array roep ik deze functie aan:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 | { xmlHttp=GetXmlHttpObject(); if (xmlHttp==null) { alert ("Geen ajax ondersteuning.. BOOOOH!"); return; } xmlHttp.onreadystatechange=function() { if(xmlHttp.readyState==1 || xmlHttp.readyState==2 || xmlHttp.readyState==3) { alert(tld+' controle'); document.getElementById(tld).innerHTML="<blink>Checking</blink>"; } if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") { alert(tld+' is '+xmlHttp.responseText); if(xmlHttp.responseText == "Bezet" || xmlHttp.responseText == "Onbekend") { document.getElementById("bekijk"+tld).innerHTML = '<a href="http://www.'+domein+'.'+tld+'" target="_blank"><img src="images/bekijk_active.png" alt="Bekijk de pagina van de geregistreerde domein" border="0"></a>'; } if(xmlHttp.responseText == "Bezet") { document.getElementById("informatie"+tld).innerHTML = '<a href="javascript: getInfo('+domein+','+tld+');"><img src="images/info_active.png" alt="Meer informatie" border="0"></a>'; } document.getElementById(tld).innerHTML=xmlHttp.responseText; } } xmlHttp.open("GET","test.php"+"?domein="+domein+"&tld="+tld,true); xmlHttp.setRequestHeader("Cache-Control", "no-cache"); xmlHttp.send(null); } |
[ Bericht 9% gewijzigd door GBCHEATER op 06-05-2007 16:02:46 ]
Een alert is in een geval als dit niet handig, want het gaat juist om de volgorde waarin dingen (bijna tegelijk) gebeuren. Je kan beter wat loggen in bijvoorbeeld een textarea. (Daar heb ik ooit een scriptje voor gemaakt.)quote:Op zondag 6 mei 2007 14:46 schreef GBCHEATER het volgende:
[..]
Daar maak ik me ook zorgen over, kan het uberhaupt wel zoals ik het nu heb gedaan? Wanneer ik zes tld's neem, word alleen de laatste vervangen. Dus ik ben inderdaad bang dat dat het is. Maar hoe zou je dat kunnen oplossen behalve voor elke tld een aparte functie schrijven?
:edit:
Als ik een alert plaats in xm.Http.readyState 1 t/m3 krijg ik 5 keer voor elke tld een alert. Plaats ik er een in xmlHttp.readystate 4 krijg ik hem alleen voor de laatste.
Volgens mij mist er een "var" bij xmlHttp in whois(), ik weet niet of dat echt de oplossing is.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
Mag ik je even bedanken :Xquote:Op zondag 6 mei 2007 16:18 schreef SuperRembo het volgende:
[..]
Een alert is in een geval als dit niet handig, want het gaat juist om de volgorde waarin dingen (bijna tegelijk) gebeuren. Je kan beter wat loggen in bijvoorbeeld een textarea. (Daar heb ik ooit een scriptje voor gemaakt.)
Volgens mij mist er een "var" bij xmlHttp in whois(), ik weet niet of dat echt de oplossing is.
Dat was hem, ik heb aan de code toegevoegd:
| 1 |
En hij doet het!
Tnx 8)7
Was ik weer, met een nieuw probleempje:
Situatie:
Ik heb een scriptje om een C++ functie om te zetten naar wiki code. Nou heb je bij een functie meerdere parameters, of geen. Dus ik dacht van, dat doe ik via een functie:
En dit start ik door een link in de pagina te zetten dmv:
Dit werkt allemaal heel erg goed, maar het probleem is dat wanneer ik iets ingevuld heb in een van deze parameters en ik daarna op voeg toe druk, komt de tekst te vervallen die in de textboxjes en textfields staan. De titel in de parametertitel div blijft wel staan.
Enig idee hoe ik de inhoud van die textfields en textboxjes kan behouden?
Situatie:
Ik heb een scriptje om een C++ functie om te zetten naar wiki code. Nou heb je bij een functie meerdere parameters, of geen. Dus ik dacht van, dat doe ik via een functie:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 | { var aantalParameters = aantal; var parameters = ''; aantalParameters++; parameters += '<div id="parameterDiv"'+aantalParameters+'>'; parameters += '<tr>'; parameters += '<td align="center">'; parameters += '<table width="450" border="0" cellspacing="0" cellpadding="0">'; parameters += '<tr>'; parameters += '<td class="subHeader"> '; parameters += '</td>'; parameters += '<td class="subHeader">'; parameters += '<div id="parameterTitel'+aantalParameters+'"></div>'; parameters += '</td>'; parameters += '</tr>'; parameters += '<tr>'; parameters += '<td width="100">Type:</td>'; parameters += '<td><input name="txtParamaterType'+aantalParameters+'" id="txtParamaterType'+aantalParameters+'" type="text" class="txt" size="51" onkeyup="modifyParameterTitle('+aantalParameters+')"/></td>'; parameters += '</tr>'; parameters += '<tr>'; parameters += '<td>Naam:</td>'; parameters += '<td><input name="txtParameterNaam'+aantalParameters+'" id="txtParameterNaam'+aantalParameters+'" type="text" class="txt" size="51" onkeyup="modifyParameterTitle('+aantalParameters+')"/></td>'; parameters += '</tr>'; parameters += '<tr>'; parameters += '<td valign="top">Omschrijving:</td>'; parameters += '<td><textarea name="txtParameterOmschrijving'+aantalParameters+'" id="txtParameterOmschrijving'+aantalParameters+'" cols="38" rows="5" class="txt"></textarea></td>'; parameters += '</tr>'; parameters += '</table>'; parameters += '</td>'; parameters += '</tr> '; parameters += '</div>'; document.getElementById("divFunctionParameter").innerHTML += parameters; document.getElementById("divVoegParameterToe").innerHTML = '<a href="javascript: addParameter('+aantalParameters+');">Voeg Toe</a>'; } |
En dit start ik door een link in de pagina te zetten dmv:
| 1 2 3 4 5 6 | function start() { document.getElementById("divVoegParameterToe").innerHTML = '<a href="javascript: addParameter(0);">Voeg Toe</a>'; } |
Dit werkt allemaal heel erg goed, maar het probleem is dat wanneer ik iets ingevuld heb in een van deze parameters en ik daarna op voeg toe druk, komt de tekst te vervallen die in de textboxjes en textfields staan. De titel in de parametertitel div blijft wel staan.
Enig idee hoe ik de inhoud van die textfields en textboxjes kan behouden?
Kan een modje deze en de post hierboven verwijderen, probleem is opgelost, maar kan mijn post hierboven niet editten.
De oplossing was bij een "bijplaatsing" eerst de bestaande parameters opvragen, en daarna de inhoud van de div te overschrijven (ja vies, maar werkt wel):quote:Op zaterdag 12 mei 2007 21:00 schreef super-muffin het volgende:
Je kan ook de oplossing posten :)
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 | function addParameter() { var parameters = ''; //totaal ophogen totaal++; if(totaal != 1) { //oude parameters ophalen for(var x = 1; x < totaal; x++) { parameters += '<div id="parameterDiv'+x+'">'; parameters += '<tr>'; parameters += '<td align="center">'; parameters += '<table width="450" border="0" cellspacing="0" cellpadding="0">'; parameters += '<tr>'; parameters += '<td class="subHeader"> '; parameters += '</td>'; parameters += '<td class="subHeader">'; parameters += '<div id="parameterTitel'+x+'">'+document.getElementById("parameterTitel"+x).innerHTML+'</div>'; parameters += '</td>'; parameters += '</tr>'; parameters += '<tr>'; parameters += '<td width="100">Type:</td>'; parameters += '<td><input name="txtParamaterType'+x+'" id="txtParamaterType'+x+'" type="text" class="txt" size="51" onkeyup="modifyParameterTitle('+x+')" value="'+document.getElementById("txtParamaterType"+x).value+'"/></td>'; parameters += '</tr>'; parameters += '<tr>'; parameters += '<td>Naam:</td>'; parameters += '<td><input name="txtParameterNaam'+x+'" id="txtParameterNaam'+x+'" type="text" class="txt" size="51" onkeyup="modifyParameterTitle('+x+')" value="'+document.getElementById("txtParameterNaam"+x).value+'"/></td>'; parameters += '</tr>'; parameters += '<tr>'; parameters += '<td valign="top">Omschrijving:</td>'; parameters += '<td><textarea name="txtParameterOmschrijving'+x+'" id="txtParameterOmschrijving'+x+'" cols="38" rows="5" class="txt">'+document.getElementById("txtParameterOmschrijving"+x).value+'</textarea></td>'; parameters += '</tr>'; parameters += '</table>'; parameters += '</td>'; parameters += '</tr> '; parameters += '</div>'; } } // nieuwe parameter toevoegen parameters += '<div id="parameterDiv'+totaal+'">'; parameters += '<tr>'; parameters += '<td align="center">'; parameters += '<table width="450" border="0" cellspacing="0" cellpadding="0">'; parameters += '<tr>'; parameters += '<td class="subHeader"> '; parameters += '</td>'; parameters += '<td class="subHeader">'; parameters += '<div id="parameterTitel'+totaal+'"></div>'; parameters += '</td>'; parameters += '</tr>'; parameters += '<tr>'; parameters += '<td width="100">Type:</td>'; parameters += '<td><input name="txtParamaterType'+totaal+'" id="txtParamaterType'+totaal+'" type="text" class="txt" size="51" onkeyup="modifyParameterTitle('+totaal+')"/></td>'; parameters += '</tr>'; parameters += '<tr>'; parameters += '<td>Naam:</td>'; parameters += '<td><input name="txtParameterNaam'+totaal+'" id="txtParameterNaam'+totaal+'" type="text" class="txt" size="51" onkeyup="modifyParameterTitle('+totaal+')"/></td>'; parameters += '</tr>'; parameters += '<tr>'; parameters += '<td valign="top">Omschrijving:</td>'; parameters += '<td><textarea name="txtParameterOmschrijving'+totaal+'" id="txtParameterOmschrijving'+totaal+'" cols="38" rows="5" class="txt"></textarea></td>'; parameters += '</tr>'; parameters += '</table>'; parameters += '</td>'; parameters += '</tr> '; parameters += '</div>'; document.getElementById("divFunctionParameter").innerHTML = parameters; } |
Op wat voor opzicht dan? Heb net even de tutorial @ w3schools doorgekeken, maar zie het verschil niet helemaal, op het feit dat het in iets meer substapjes gaat, of getElementsByTagName gebruikt word.
Je voegt dan daadwerkelijk aan de DOM toe en manipuleert bestaande elementen. Nu stel je gewoon een string met HTML samen die je ergens invoegt.
owkay, maar stel ik heb de div test. hierin staat een table met 3 td's. Wat is dan het verschil dat ik zeg document.getElementById("tdId").innerHTML of ik zeg document.getElementById.getElementByTagName("td")[tagnr].innerHTML ?
Ik bedoel je zal er echt wel je redenen voor hebben om het te gebruiken, maar ik mis hem een beetje
Ik bedoel je zal er echt wel je redenen voor hebben om het te gebruiken, maar ik mis hem een beetje
Ik gok dat CraZaay het mooier vind als je de tabel doormiddel van javascript opbouwt. Dat je "nodes" creeert
Accoord, maar zit er nog een praktisch nut aan behalve dat het "mooier" is? Tot nu toe vind ik het alleen maar meer werk voor iets wat voor mij niets oplevert..quote:Op zondag 13 mei 2007 00:22 schreef Geqxon het volgende:
Ik gok dat CraZaay het mooier vind als je de tabel doormiddel van javascript opbouwt. Dat je "nodes" creeert
Vanwege de vake variabele +=? Ik had slechte ervaringen met alles in een keer er in te gooien, vandaar dat ik het zo doe. Het kan dus wel
Neequote:Op zondag 13 mei 2007 00:27 schreef Geqxon het volgende:
Trouwens, ondersteunt Javascript geen multiline variabelen?
En ja, het maken van nodes vind ik netter omdat je daarmee meer mogelijkheden hebt voor manipulatie achteraf. Al is dat voor jouw script niet noodzakelijk, ik maak er maar een gewoonte van
Nee, maar een statement mag uiteraard wel over meerdere regels lopen (het is geen VB ). Dusquote:Op zondag 13 mei 2007 00:27 schreef Geqxon het volgende:
Trouwens, ondersteunt Javascript geen multiline variabelen?
| 1 2 | + 'baz'; |
kan wel.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
Het maken van form elementen is wel erg irritant omdat je daar voor IE weer een uitzondering moet maken. In IE kan je namelijk niet achteraf het type van een input element veranderen. Daarom moet je daar zo'n halfbakken constuctie alsquote:Op zondag 13 mei 2007 00:49 schreef CraZaay het volgende:
[..]
En ja, het maken van nodes vind ik netter omdat je daarmee meer mogelijkheden hebt voor manipulatie achteraf. Al is dat voor jouw script niet noodzakelijk, ik maak er maar een gewoonte van :)
| 1 |
gebruiken om een radiobutton te maken.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
Maar dan ben je weer op het punt waar ik nu zit, oftewel gewoon complete html er tussen proppen.. toch?quote:Op zondag 13 mei 2007 13:25 schreef SuperRembo het volgende:
[..]
Het maken van form elementen is wel erg irritant omdat je daar voor IE weer een uitzondering moet maken. In IE kan je namelijk niet achteraf het type van een input element veranderen. Daarom moet je daar zo'n halfbakken constuctie als
[ code verwijderd ]
gebruiken om een radiobutton te maken.
Ik zou beginnen met het maken van een functie die 1 parameter aan de html toevoegd. Nu heb je die code er dubbel in staan. Je kunt ook nog wat dingen uit de html schrappen en verplaatsen naar css (zoals border en cellpadding).
Uiteindelijk zal een DOM oplossing denk ik cleanere code opleveren. Of dat de moeite loont weet ik niet, dat hangt ook af van het project.
Uiteindelijk zal een DOM oplossing denk ik cleanere code opleveren. Of dat de moeite loont weet ik niet, dat hangt ook af van het project.
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
Dit is net die ene uitzondering. Ik kan met niet herinneren wanneer ik voor het laatst een input-element heb toegevoegd aan de DOMquote:Op zondag 13 mei 2007 13:47 schreef GBCHEATER het volgende:
[..]
Maar dan ben je weer op het punt waar ik nu zit, oftewel gewoon complete html er tussen proppen.. toch?
Ik heb in navolging op een topic in CSS voor Dummies een scriptje geschreven (half geript) om 2 divs te kunnen vergroten/ kleinen
Echter zit ik met een probleem. Maar ik zal eerst even de opzet uitleggen.
Ik heb 1 container div waarin 3 extra divs ziten. Deze divs zijn linkerkant, spacing (oftewel de bar om mee te scrollen) en de rechter div, Als ik met de middendiv (spacing) scroll wil de scroller nog wel eens het veld verkleinen en ik zie zelf de fout niet.
Wie wil eens kijken en zeggen wat ik fout doe? ik krijg in FF trouwens ook vaak de volgende fout:
Ps. Als ik een vaste breedte voor de container gebruik is er niets aan de hand. Maar zou graag willen dat alles simpel een variabele breedte kan houden..
werkende code met een vaste breedte
[ Bericht 17% gewijzigd door Chandler op 16-05-2007 23:43:17 ]
Echter zit ik met een probleem. Maar ik zal eerst even de opzet uitleggen.
Ik heb 1 container div waarin 3 extra divs ziten. Deze divs zijn linkerkant, spacing (oftewel de bar om mee te scrollen) en de rechter div, Als ik met de middendiv (spacing) scroll wil de scroller nog wel eens het veld verkleinen en ik zie zelf de fout niet.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 | <!-- // variables var curWidth = 0; var curX = 0; var newX = 0; var minWidthL = 150; // min width of left div var minWidthR = 300; // min width of right div var mouseButtonPos = "up"; //Function 'setPos(...) gets the original div width. function setPos(e) { //For handling events in ie vs. w3c. curEvent = ((typeof event == "undefined")? e: event); //Sets mouse flag as down. mouseButtonPos = "down"; //Gets position of click. curX = curEvent.clientX; //Get the width of the div. var tempWidthL = document.getElementById("treeView").style.width; var tempWidthR = document.getElementById("treeList").style.width; //Get the width value. var widthArrayL = tempWidthL.split("p"); var widthArrayR = tempWidthR.split("p"); //Set the current width. curWidthL = parseInt(widthArrayL[0]); curWidthR = parseInt(widthArrayR[0]); } //Function getPos(...) changes the width of the div while the mouse button is pressed. function getPos(e){ if( mouseButtonPos == "down" ) { //For handling events in ie vs. w3c. curEvent = ((typeof event == "undefined")? e: event); //Get new mouse position. newX = curEvent.clientX; //Calculate movement in pixels. var pixelMovement = parseInt(newX - curX); //Determine new width. var newWidthL = parseInt(curWidthL + pixelMovement); var newWidthR = parseInt(curWidthR - pixelMovement); //Enforce a minimum width left. if (newWidthL < minWidthL) { newWidthR = document.getElementById("treeContainer").style.width - minWidthL; newWidthL = minWidthL; } // min width right if (newWidthR < minWidthR) { newWidthL = document.getElementById("treeContainer").style.width - minWidthR; newWidthR = minWidthR; } //Set the new width. document.getElementById("treeView").style.width = newWidthL + "px"; document.getElementById("treeList").style.width = newWidthR + "px"; //Set the new left of the splitter bar. document.getElementById("splitterBar").style.left = parseInt(document.getElementById("treeView").style.width) + 5; } } //--> </script> <style type="text/css"> body {height:100%;} #container { width: 90%; } #treeView{ top:20px; left:20px; height: 150px; width:250px; border: 1px solid #808080; overflow: hidden; } #treeList{ top:0px; left:20px; height: 150px; width:550px; border: 1px solid #808080; overflow: hidden; } /*status bar style to act as the bottom border of the div*/ #splitterBar{ float: left; cursor: e-resize; display:block; background-color: #c0c0c0; top:20px; left:262px; margin-top:0px; height:152px; padding:0; width: 4px; } </style> </head> <!--onmousemove and onmouseup are on the body tag whereas onmousedown is on the "splitterBar" div--> <body onmousemove="getPos(event)" onmouseup="mouseButtonPos='up'"> <div id="treeContainer"> <div id="treeView" style="float: left; height:150px; width: 250px; overflow: auto;"> <p>Deze div is 250px breed en kan breder gemaakt worden, maar helaas kan de div niet kleiner worden dan 150 pixels<br />Deze div is 250px breed en kan breder gemaakt worden, maar helaas kan de div niet kleiner worden dan 150 pixels<br />Deze div is 250px breed en kan breder gemaakt worden, maar helaas kan de div niet kleiner worden dan 150 pixels<br />Deze div is 250px breed en kan breder gemaakt worden, maar helaas kan de div niet kleiner worden dan 150 pixels<br /></p> </div> <div onmousedown="setPos(event)" id="splitterBar"></div> <div id="treeList" style="float: left; height:150px; width: 550px; overflow: auto;"> <p>Dit is de rechter div die 550pixels breed is, deze kan smaller en breder worden maar niet kleiner dan 250px;</p> </div> </div> </body> </html> |
Wie wil eens kijken en zeggen wat ik fout doe? ik krijg in FF trouwens ook vaak de volgende fout:
| 1 2 3 | Source File: file:///D:/test1.html Line: 0 |
Ps. Als ik een vaste breedte voor de container gebruik is er niets aan de hand. Maar zou graag willen dat alles simpel een variabele breedte kan houden..
werkende code met een vaste breedte
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 | <!-- // variables var curWidth = 0; var curX = 0; var newX = 0; var minWidthL = 150; // min width of left div var minWidthR = 300; // min width of right div var conWidth = 800; var mouseButtonPos = "up"; //Function 'setPos(...) gets the original div width. function setPos(e) { //For handling events in ie vs. w3c. curEvent = ((typeof event == "undefined")? e: event); //Sets mouse flag as down. mouseButtonPos = "down"; //Gets position of click. curX = curEvent.clientX; //Get the width of the div. var tempWidthL = document.getElementById("treeView").style.width; var tempWidthR = document.getElementById("treeList").style.width; //Get the width value. var widthArrayL = tempWidthL.split("p"); var widthArrayR = tempWidthR.split("p"); //Set the current width. curWidthL = parseInt(widthArrayL[0]); curWidthR = parseInt(widthArrayR[0]); } //Function getPos(...) changes the width of the div while the mouse button is pressed. function getPos(e){ if( mouseButtonPos == "down" ) { //For handling events in ie vs. w3c. curEvent = ((typeof event == "undefined")? e: event); //Get new mouse position. newX = curEvent.clientX; //Calculate movement in pixels. var pixelMovement = parseInt(newX - curX); //Determine new width. var newWidthL = parseInt(curWidthL + pixelMovement); var newWidthR = parseInt(curWidthR - pixelMovement); //Enforce a minimum width left. if (newWidthL < minWidthL) { newWidthR = parseInt(conWidth - minWidthL); newWidthL = minWidthL; } // min width right if (newWidthR < minWidthR) { newWidthL = parseInt(conWidth - minWidthR); newWidthR = minWidthR; } //Set the new width. defaultStatus = "L:" + newWidthL + " R:" + newWidthR; document.getElementById("treeView").style.width = newWidthL + "px"; document.getElementById("treeList").style.width = newWidthR + "px"; //Set the new left of the splitter bar. document.getElementById("splitterBar").style.left = parseInt(document.getElementById("treeView").style.width) + 5; } } //--> </script> <style type="text/css"> body {height:100%;} #container { width: 90%; } #treeView{ top:20px; left:20px; height: 150px; width:250px; border: 1px solid #808080; overflow: hidden; } #treeList{ top:0px; left:20px; height: 150px; width:550px; border: 1px solid #808080; overflow: hidden; } /*status bar style to act as the bottom border of the div*/ #splitterBar{ float: left; cursor: e-resize; display:block; background-color: #c0c0c0; top:20px; left:262px; margin-top:0px; height:152px; padding:0; width: 4px; } </style> </head> <!--onmousemove and onmouseup are on the body tag whereas onmousedown is on the "splitterBar" div--> <body onmousemove="getPos(event)" onmouseup="mouseButtonPos='up'"> <div id="treeContainer"> <div id="treeView" style="float: left; height:150px; width: 250px; overflow: auto;"> <p>Deze div is 250px breed en kan breder gemaakt worden, maar helaas kan de div niet kleiner worden dan 150 pixels<br />Deze div is 250px breed en kan breder gemaakt worden, maar helaas kan de div niet kleiner worden dan 150 pixels<br />Deze div is 250px breed en kan breder gemaakt worden, maar helaas kan de div niet kleiner worden dan 150 pixels<br />Deze div is 250px breed en kan breder gemaakt worden, maar helaas kan de div niet kleiner worden dan 150 pixels<br /></p> </div> <div onmousedown="setPos(event)" id="splitterBar"></div> <div id="treeList" style="float: left; height:150px; width: 550px; overflow: auto;"> <p>Dit is de rechter div die 550pixels breed is, deze kan smaller en breder worden maar niet kleiner dan 250px;</p> </div> </div> </body> </html> |
[ Bericht 17% gewijzigd door Chandler op 16-05-2007 23:43:17 ]
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Iemand een idee hoe ik met een onChange het readonly atribuut voor een form element kan triggeren?
onChange="getElementById('element').readonly='readonly'"
lijkt niet te werken in ieder geval
onChange="getElementById('element').readonly='readonly'"
lijkt niet te werken in ieder geval
readOnly (met hoofdletter O) is een boolean, dus true of false.quote:Op maandag 21 mei 2007 21:31 schreef Swetsenegger het volgende:
Iemand een idee hoe ik met een onChange het readonly atribuut voor een form element kan triggeren?
onChange="getElementById('element').readonly='readonly'"
lijkt niet te werken in ieder geval
"If you are depressed you shouldn't be in C major!" - Rick Beato
Bedankt!quote:Op maandag 21 mei 2007 21:36 schreef Litpho het volgende:
[..]
readOnly (met hoofdletter O) is een boolean, dus true of false.
Maar dit werkt ook niet
| 1 |
Ook niet als ik true buiten quotes zet.
http://www.xs4all.nl/~litpho/test.html werkt hier prima.quote:Op maandag 21 mei 2007 21:41 schreef Swetsenegger het volgende:
[..]
Bedankt!
Maar dit werkt ook niet
[ code verwijderd ]
Ook niet als ik true buiten quotes zet.
Weet je zeker dat de onchange getriggerd wordt?
"If you are depressed you shouldn't be in C major!" - Rick Beato
Ja, ziet er naar uit dat ik het niet op een select element kan toepassen, alleen op text elementen.quote:Op maandag 21 mei 2007 21:48 schreef Litpho het volgende:
[..]
http://www.xs4all.nl/~litpho/test.html werkt hier prima.
Weet je zeker dat de onchange getriggerd wordt?
Select heeft readOnly niet als property, maar is natuurlijk wel altijd read only. Heb je al naar disabled gekeken als alternatief?quote:Op maandag 21 mei 2007 21:52 schreef Swetsenegger het volgende:
[..]
Ja, ziet er naar uit dat ik het niet op een select element kan toepassen, alleen op text elementen.
Waarbij je er even rekening mee moet houden dat disabled elementen niet meegesubmit worden, dus bij een onsubmit evt. weer enabled moeten worden. Schoon is anders, maar misschien maakt het voor wat je wil niet uit .
"If you are depressed you shouldn't be in C major!" - Rick Beato
