Laadbalk gezocht

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Top Low-Code Developer Gezocht!

Bedrijfsomschrijving Unieke Kansen, Uitstekende Arbeidsvoorwaarden & Inspirerend Team Wij zijn een toonaangevende, internationale organisatie die de toekomst van technologie vormgeeft door het creëren van innovatieve en baanbrekende oplossingen. Ons succes is gebaseerd op een hecht en gepassioneerd team van professionals die altijd streven naar het overtreffen van verwachtingen. Als jij deel wilt uitmaken van een dynamische, vooruitstrevende en inspirerende werkomgeving, dan is dit de perfecte kans voor jou! Functieomschrijving Als Low-Code Developer ben je een cruciaal onderdeel van ons team. Je werkt samen met collega's uit verschillende disciplines om geavanceerde applicaties te ontwikkelen en te optimaliseren met behulp van Low-code

Bekijk vacature »

Danny

danny

02/09/2007 20:52:00
Quote Anchor link
Mischoen geen php. Mara ben opzoek naar een Laadbalk wat de voortgang laat zien van de pagina. ps hij moet wel werken in de webroot.

vriendelijk dank
 
PHP hulp

PHP hulp

16/02/2025 16:39:49
 
Aaa Trump

aaa Trump

02/09/2007 20:54:00
Quote Anchor link
Zal flash of javascript gaan worden.

http://www.google.nl/search?hl=nl&q=laadbalk&btnG=Google+zoeken&meta=
 
Danny

danny

02/09/2007 20:55:00
Quote Anchor link
Ik heb die Laadbalk2 uit de google resultaten al geprobeert maar werkt niet.
deze pagina is dat.

http://users.skynet.be/javascript/images/laadbalk2.htm
Gewijzigd op 01/01/1970 01:00:00 door danny
 
Aaa Trump

aaa Trump

02/09/2007 20:56:00
Quote Anchor link
Je zal hem hier en daar moeten aanpassen.

Edit:

met een berekening dus, download snelheid en de grote van de te laden file's blah blah. xD
Gewijzigd op 01/01/1970 01:00:00 door aaa Trump
 
Danny

danny

02/09/2007 20:59:00
Quote Anchor link
Ben er mee wezen prutsen.

heb de // weg gehaald onde rin script zal niet weten wat er nog meer veranderd moet worden eigenlijk om het te laten werken

ff gegumd code verderop :-)
Gewijzigd op 01/01/1970 01:00:00 door danny
 
Aaa Trump

aaa Trump

02/09/2007 21:03:00
Quote Anchor link
Ik heb 000000.1% verstand van Java :D.
 
Klaasjan Boven

Klaasjan Boven

02/09/2007 22:17:00
Quote Anchor link
/* Om de balk automatisch te laten starten bij het inladen van het document
de // hieronder weghalen: */

// window.onload=auto;
</script>

dus

/* Om de balk automatisch te laten starten bij het inladen van het document
de // hieronder weghalen: */

window.onload=auto;
</script>

@Robin Java != javascript
 
Arjan Kapteijn

Arjan Kapteijn

02/09/2007 22:22:00
Quote Anchor link
Eenvoudige oplossing, zet je hele website in een divje met een display: none; onderaan de pagina plaats je een simpel stukje javascript wat er een display: inline; van maakt. Je pagina zal pas verschijnen als de hele pagina 'ingeladen' is.

Echter, persoonlijk zou ik willen melden dat zulke dingen helemaal niet nodig zouden moeten zijn. Websites dienen gewoon snel geladen te worden.
 
Aaa Trump

aaa Trump

03/09/2007 08:06:00
Quote Anchor link
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
<?php
if(java == javascript){
Echo "Wat lul je!";
} else {
Echo "Oke :(";
}
?
 
Danny

danny

03/09/2007 19:28:00
Quote Anchor link
window.onload=auto;
</script>
Dat heb ik gedaan werkt blijkbaar niet in een webroot. Hij komt als plaatje die niets doet .
de pagina die deze balk moet hebben moet 70.000 titels laden van de hardeschrijf dus kan als het een beetje druk is op de pagina een beetje vertraging oplopen . Vandaar dat ik deze balk er graag bij wil hebben. Voor de sier kan ik wel wat anders bedenken dan een balkje dit is noodzaak :-)
Ik hoop dat iemand een oplossing heeft?
 
Wessel Johnson

Wessel Johnson

03/09/2007 19:41:00
Quote Anchor link
<script>
window.onload = function() {
//verberg je laadbalk en laat je main zien
}
</script>

Zoiets moet werken, het is ook bij mijn site gelukt :)
 
Danny

danny

03/09/2007 19:51:00
Quote Anchor link
Nou simpler script bestaat bijna niet plaats deel A in de head tags . Plaats deel B in de body . ik heb de // weg gehaald. en werkt vervolgens niet?
 
Wessel Johnson

Wessel Johnson

03/09/2007 20:01:00
Quote Anchor link
Ow.. Even wachten, ik zal een compleet voorbeeld posten.. Momentje

EDIT:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script>
window.onload= function() {
    document.getElementById(1).style.display = "none";
    document.getElementById(2).style.display = "block";
}
</script>
<div id="1">


Hier je laadbalkje!
Loading, please wait a moment!


</div>
<div id="2" style="display:none;">


Hier je pagina!


</div>


Kijk, op een bordje geserveerd :)
Getest en werkend in FF :)
Gewijzigd op 01/01/1970 01:00:00 door Wessel Johnson
 
Danny

danny

03/09/2007 20:17:00
Quote Anchor link
we gaan hem er in plakken en hopen op resultaat
 
Wessel Johnson

Wessel Johnson

03/09/2007 20:23:00
Quote Anchor link
Niet erin plakken, maar je MAIN en de LAADBALKJE wel op de goede plek zetten in mijn bestandje :)
 
Danny

danny

03/09/2007 21:30:00
Quote Anchor link
Hier het resultaat/ in de webroot Hij laad wel maar . hij laad Niet als behoren . hij begint nu te laden als de pagina klaar is met laden . zie hier.

http://77.251.200.178:7000/

De hele pagina . in script :-)

Code (php)
PHP script in nieuw venster Selecteer het PHP script
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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
<script>
window.onload= function() {
    document.getElementById(1).style.display = "none";
    document.getElementById(2).style.display = "block";
}
</script>

<html>
<head>

<style type="text/css">
    
#Balk {
        position:absolute;
        left:0px;
        top:0px;
        width:300px;
        background-color:#184EB8;
        filter: Alpha(Opacity=0, FinishOpacity=100,Style=1,StartX=0,StartY=0,FinishX=200,FinishY=20) ;
        height:100%;
        z-index:5000;}
    
#balk_ag {
        position:absolute;
        left:50%;
        top:10%;
        width:300px;
        height:20px;
        border:1px solid #000000;
        background-color:#eeeeee;
        margin-left:-150px;    
        margin-top:-20px;
        text-align:center;}
    
#balk_vg {
        position:absolute;
        left:0px;
        top:0px;
        width:0px;    
        height:100%;
        overflow:hidden; }
    
#balk_tekst {
        color:#000000;
        z-index:10000;
        width:100%;
        height:100%;
        left:0px;
        top:0px;
        position:absolute;        
        font-family:arial;
        font-size:0.8em;
        line-height:20px; }    /* = hoogte Balk */
    </style>
    
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Refresh" content="%%CONTENT_REFRESH%%;
URL=%%HTTP_REFERRER%%">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<title></title>


</head>

    


<div id="1">
    
<script type="text/javascript">

var progressie,balk_ag,balk_vg,balk_tekst,balk_breedte;
var eenheid = 100;    // 100 = vordering met 1%, 50 = vordering met 2%, ...  
var huidigePositie = 0;
    
function wijzigBalk(stap) {

if(!balk_ag) {
progressie   = document.getElementById('progressie');
balk_ag      = document.getElementById('balk_ag');
balk_vg      = document.getElementById('balk_vg');
balk_tekst   = document.getElementById('balk_tekst');
balk_breedte = balk_ag.clientWidth;}

huidigePositie+= stap;
if (huidigePositie > eenheid) huidigePositie = eenheid;

var width = Math.ceil(balk_breedte * (huidigePositie / eenheid));
balk_vg.style.width = width + 'px';

var procent = Math.ceil((huidigePositie / eenheid) *100);
balk_tekst.innerHTML = procent + '%';

// laat de balk verdwijnen indien 100% bereikt:
if (huidigePositie==eenheid) {
setTimeout('document.getElementById("progressie").style.display="none"',50);}
}
    
/* Om de waarde te verhogen, de functie wijzigBalk() aanroepen
Bijvoorbeeld: wijzigBalk(1) om met 1 stap te verhogen          
Of gebruik onderstaande automatische functie:                */  

function auto() {
if(huidigePositie < eenheid) {
wijzigBalk(1);
setTimeout('auto()',100);}}

/* Om de balk automatisch te laten starten bij het inladen van het document
   de // hieronder weghalen:                                              */
  
 window.onload=auto;
</script>

<div id="progressie">
<div id="balk_ag">
<div id="balk_vg">
<div id="Balk"></div></div>
<div id="balk_tekst">0 %</div></div></div>



Loading, please wait a moment!


</div>
<div id="2" style="display:none;">

</div>

    


<p align="center"><font color="#FFFF00" size="2" face="Tahoma">%%ERROR%%</font></p>

<center>
%%ADMINWINAMPCONTROL%%
</center>
<center>
<form action="/playlist.cgi" method="GET">
%%ADMINHIDDENFIELD%%</font>
    <p align="center"><font size="2" face="Tahoma">Zoek in de playlist</font><font face="Another Typewriter" size="5"><font size="2" face="Tahoma">
    : <br><input type="text" size="20" name="psearch"> </font></p>
</form>

<p align="center"><font size="2" face="Tahoma">Art</font></font><font size="2" face="Tahoma">iesten
lijst</font><font face="Another Typewriter" size="5"><font size="2" face="Tahoma">
:

<form action="/playlist.cgi" method="GET">
%%ADMINHIDDENFIELD%%
<select name="psearch" size="1" >
    <option selected value>-- Choose an artist -- </option>
    <option value="%%ARTISTSELECT%%">%%ARTISTSELECT%% </option>
</select>
<input type=Submit value="Go">
</form>
</center>
<br>
</font>

<p align="center">
<a href="../../../playlist.cgi?startswith=A%%ADMINPASSWORD%%"><font size="2" face="Tahoma">A</font></a><font size="2" face="Tahoma"> </font>
<a href="../../../playlist.cgi?startswith=B%%ADMINPASSWORD%%"><font size="2" face="Tahoma">B</font></a><font size="2" face="Tahoma"> </font>
<a href="../../../playlist.cgi?startswith=C%%ADMINPASSWORD%%"><font size="2" face="Tahoma">C</font></a><font size="2" face="Tahoma"> </font>
<a href="../../../playlist.cgi?startswith=D%%ADMINPASSWORD%%"><font size="2" face="Tahoma">D</font></a><font size="2" face="Tahoma"> </font>
<a href="../../../playlist.cgi?startswith=E%%ADMINPASSWORD%%"><font size="2" face="Tahoma">E</font></a><font size="2" face="Tahoma"> </font>
<a href="../../../playlist.cgi?startswith=F%%ADMINPASSWORD%%"><font size="2" face="Tahoma">F</font></a><font size="2" face="Tahoma"> </font>
<a href="../../../playlist.cgi?startswith=G%%ADMINPASSWORD%%"><font size="2" face="Tahoma">G</font></a><font size="2" face="Tahoma"> </font>
<a href="../../../playlist.cgi?startswith=H%%ADMINPASSWORD%%"><font size="2" face="Tahoma">H</font></a><font size="2" face="Tahoma"> </font>
<a href="../../../playlist.cgi?startswith=I%%ADMINPASSWORD%%"><font size="2" face="Tahoma">I</font></a><font size="2" face="Tahoma"> </font>
<a href="../../../playlist.cgi?startswith=J%%ADMINPASSWORD%%"><font size="2" face="Tahoma">J</font></a><font size="2" face="Tahoma"> </font>
<a href="../../../playlist.cgi?startswith=K%%ADMINPASSWORD%%"><font size="2" face="Tahoma">K</font></a><font size="2" face="Tahoma"> </font>
<a href="../../../playlist.cgi?startswith=L%%ADMINPASSWORD%%"><font size="2" face="Tahoma">L</font></a><font size="2" face="Tahoma"> </font>
<a href="../../../playlist.cgi?startswith=M%%ADMINPASSWORD%%"><font size="2" face="Tahoma">M</font></a><font size="2" face="Tahoma"> </font>
<a href="../../../playlist.cgi?startswith=N%%ADMINPASSWORD%%"><font size="2" face="Tahoma">N</font></a><font size="2" face="Tahoma"> </font>
<a href="../../../playlist.cgi?startswith=O%%ADMINPASSWORD%%"><font size="2" face="Tahoma">O</font></a><font size="2" face="Tahoma"> </font>
<a href="../../../playlist.cgi?startswith=P%%ADMINPASSWORD%%"><font size="2" face="Tahoma">P</font></a><font size="2" face="Tahoma"> </font>
<a href="../../../playlist.cgi?startswith=Q%%ADMINPASSWORD%%"><font size="2" face="Tahoma">Q</font></a><font size="2" face="Tahoma"> </font>
<a href="../../../playlist.cgi?startswith=R%%ADMINPASSWORD%%"><font size="2" face="Tahoma">R</font></a><font size="2" face="Tahoma"> </font>
<a href="../../../playlist.cgi?startswith=S%%ADMINPASSWORD%%"><font size="2" face="Tahoma">S</font></a><font size="2" face="Tahoma"> </font>
<a href="../../../playlist.cgi?startswith=T%%ADMINPASSWORD%%"><font size="2" face="Tahoma">T</font></a><font size="2" face="Tahoma"> </font>
<a href="../../../playlist.cgi?startswith=U%%ADMINPASSWORD%%"><font size="2" face="Tahoma">U</font></a><font size="2" face="Tahoma"> </font>
<a href="../../../playlist.cgi?startswith=V%%ADMINPASSWORD%%"><font size="2" face="Tahoma">V</font></a><font size="2" face="Tahoma"> </font>
<a href="../../../playlist.cgi?startswith=W%%ADMINPASSWORD%%"><font size="2" face="Tahoma">W</font></a><font size="2" face="Tahoma"> </font>
<a href="../../../playlist.cgi?startswith=X%%ADMINPASSWORD%%"><font size="2" face="Tahoma">X</font></a><font size="2" face="Tahoma"> </font>
<a href="../../../playlist.cgi?startswith=Y%%ADMINPASSWORD%%"><font size="2" face="Tahoma">Y</font></a><font size="2" face="Tahoma"> </font>
<a href="../../../playlist.cgi?startswith=Z%%ADMINPASSWORD%%"><font size="2" face="Tahoma">Z</font></a><font size="2" face="Tahoma"> </font>

</font><p align="center"><font size="3" face="Tahoma">Nu speeld.</font></p>

<font face="Another Typewriter" size="5">

<p align="center"><font color="#FFFF00" size="2" face="Tahoma">%%CURRENTSONG%%</font></p>
</font>
<p align="center"><font size="3" face="Tahoma">Nog&nbsp;</p>
<p align="center"><INPUT align="center" TYPE="text" Name="thetime" size=5></p>

<p align="center"><font size="2" face="Tahoma"><br>
</font></p>
</font>
<div align="center"><center>

<table border="1" cellpadding="0" cellspacing="0" width="60%">
    <tr>
        <td width="100%" bgcolor="#000080"><p align="center"><font size="2" face="Tahoma">Verzoekjes
          in de wacht</font></p>
        </td>
    </tr>
</table>
</center></div><font size="3" face="Tahoma"><div align="center"><center>

<table border="1" cellpadding="0" cellspacing="0" width="60%"
bordercolor="#C0C0C0">
    <tr> <td align="center" width="10%" bordercolor="#000000"><font size="2" face="Tahoma">%%QUEUELISTPOS%%</font></td> <td bordercolor="#000000"><font color="#FF8000" size="2" face="Tahoma">%%QUEUELISTENTRY%%</font></td> </tr>
</table>
</center></div>

<p align="center"><font color="#FF8000" size="2" face="Tahoma"></font>&nbsp;</p>
<div align="center"><center>

<table border="1" cellpadding="0" cellspacing="0" width="60%">
    <tr>
        <td width="100%" bgcolor="#000080"><p align="center"><font color="#FF8000" size="2" face="Tahoma">Playlist
          </font></font><font color="#FF8000" size="2" face="Tahoma">{kies hier
          u nummer}</font></p> </td>
    </tr>
</table>
</center></div><font size="3" face="Tahoma"><div align="center"><center>

<table border="1" cellpadding="0" cellspacing="0" width="60%"
bordercolor="#C0C0C0">
    <tr> <td width="100%" bordercolor="#000000"><p align="left"><a href="request.cgi?listpos=%%PLAYLISTPOS%%"><font color="#00FFFF" size="2" face="Tahoma">%%PLAYLISTENTRY%%</font></a></p> </td> </tr>
</table>
</center></div>
<center>
<table border="1" cellpadding="0" cellspacing="0" width="60%" bordercolor="#C0C0C0">
<tr>
    <td align="left" bgcolor="#000080" width="100%" bordercolor="#000080"><p align="left">%%NAV_PREV%%</p></td>
    <td align="right" width="100%" bgcolor="#000080" bordercolor="#000080"><p align="right">%%NAV_NEXT%%</p></td>
</tr>
</table>
</center>

<p align="center"><font color="#FF8000" size="2" face="Tahoma"></font>&nbsp;</p>
</font>

Hier je pagina!
</html>
Gewijzigd op 01/01/1970 01:00:00 door danny
 
Chris

Chris

03/09/2007 21:33:00
Quote Anchor link
Dat laden duurt enorm lang, terwijl je al de hele tijd kan zoeken enzo... (weet niet of dat de bedoeling is?)
 
Danny

danny

03/09/2007 21:36:00
Quote Anchor link
Nou het laden komt dat de server nog niet dusdanig . dat het lekker vlot gaat dat komt binnen kort . Mij gaat het eerst even om de laadbalk
 
Bart van Asselt

Bart van Asselt

03/09/2007 21:41:00
Quote Anchor link
Ik heb ooit eens een tut geplaatst, heel mooi laadding helemaal aanpasbaar:)

http://phphulp.nl/php/scripts/7/1048/
 
Lasse

Lasse

03/09/2007 21:48:00
Quote Anchor link
Als je echt een laadbalk in je pagina wilt hebben die kan aangeven op hoeveel procent je zit met laden, zul je je gegevens dynamisch moeten gaan inladen met AJAX.

Je stuurt met het laden van de pagina mee hoeveel titels er moeten worden geladen, en AJAX stuurt een request voor bijvoorbeeld 5 titels (hoe minder titels, hoe preciezer je de balk kunt maken, maar hoe langzamer het laden gaat, omdat er meer requests moeten worden gedaan). Als die binnen zijn kun je aan de hand van de hoeveelheid binnengekomen titels, en het totaal aantal titels berekenen op hoeveel procent je zit.

Hier moet je echter wel aardig voor kunnen JavaScripten, en ik denk niet dat je zo'n specifiek script makkelijk ergens kant en klaar kunt vinden.
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.