Fortschrittsanzeige beim Klickbereich

[thomeshop]

Hallo ich brauche mal wieder eure Hilfe.

Ich bin auf der Suche nach einem Fortschrittsbalken innerhalb der Topframe, so dass man seinen Usern grafisch zeigen kann wie lange es noch dauert bis der Banner etc. vergütet ist.

Vielen lieben Dank schon mal im voraus.

[jpwfour]

Fortschrottsanzeige beim Klickbereich

Also so ganz primitiv kann ich dir da schon was anbieten, kannst ja dann selber anpassen nach Bedarf:

1. in der fc.php die Höhe des oberen Frames erweitern (hier +15px):

<frameset rows="30,*" border="0">

2. in der topframe_forced.php:
suche:

<table width="100%" cellpadding="0" cellspacing="0" border="0" align="left">
<tr>
<td align="left" width="50%"><b><?=$seitenname;?> ist für den Inhalt nicht verantwortlich.</b></td>
<td align="right" width="50%"><b><?=$headmsg;?></b>&nbsp;&nbsp;&nbsp;&nbsp;</td>
</tr>
</table>
</body>

ersetzen mit:

<table width="100%" cellpadding="0" cellspacing="0" border="0" align="left">
<tr>
<td align="left" width="50%"><b><?=$seitenname;?> ist für den Inhalt nicht verantwortlich.</b></td>
<td align="right" width="50%"><b><?=$headmsg;?></b>&nbsp;&nbsp;&nbsp;&nbsp;</td>
</tr>
<tr>
<?php
$width = ($_GET['auszahlen'] != 'true') ? 0 : 100;
?>
<td colspan="2" height="15" style="background-color:darkred;"><div id="fortschritt" style="background-color:darkgreen;height:15px;width:<?=$width;?>%;"></div></td>
</tr>
</table>
<script type="text/javascript">
var proz = <?=$width;?>;
var auf = <?=$wartezeit;?>;
var interval = 1000; //millisekunden
var step = 100 / (auf / (interval/1000));
function update(){
    proz = proz + step;
    if(proz > 100) proz = 100;
    document.getElementById('fortschritt').style.width = proz+"%";
    if(proz < 100) window.setTimeout("update()", interval);
}
window.setTimeout("update()", interval);
</script>
</body>

Solltest du da anderen Code haben, weil schon Addons eingebaut, die Tabelle um 1 Zeile erweitern:

<tr>
<?php
$width = ($_GET['auszahlen'] != 'true') ? 0 : 100;
?>
<td colspan="2" height="15" style="background-color:darkred;"><div id="fortschritt" style="background-color:darkgreen;height:15px;width:<?=$width;?>%;"></div></td>
</tr>

und dann möglichst weit am Ende den Javascript-Code einfügen:

<script type="text/javascript">
var proz = <?=$width;?>;
var auf = <?=$wartezeit;?>;
var interval = 1000; //millisekunden
var step = 100 / (auf / (interval/1000));
function update(){
    proz = proz + step;
    if(proz > 100) proz = 100;
    document.getElementById('fortschritt').style.width = proz+"%";
    if(proz < 100) window.setTimeout("update()", interval);
}
window.setTimeout("update()", interval);
</script>

[tampulin]

�

[Gabriel]

Huhu ihr lieben=) Also ich hab das eben mal ausprobiert...das haut ja bei keiner einzigen aufenthaltsdauer hin. Je länger der aufenthalt der vom netzwerk kommt desto mehr is au die abweichung. MFG Gabi

[elfenbein]

Huhu ihr lieben=) Also ich hab das eben mal ausprobiert...das haut ja bei keiner einzigen aufenthaltsdauer hin. Je länger der aufenthalt der vom netzwerk kommt desto mehr is au die abweichung. MFG Gabi

Hab das bei mir mal eingebaut und es haut einwandfrei hin

LG

[Gabriel]

Also hauts bei dir hin dass wenn in dem frame 30sek. steht der balken auch erst nach 30sek. am ende ist? MFG Gabriel

[elfenbein]

Ich habs bei mir eingebaut und es funkt wunderbar :-)

[Plati]

kann man das Teil auch langsamer stellen? der Balken ist immer schon eher da als die Vergütung

[GraueEminenz]

kann man das Teil auch langsamer stellen? der Balken ist immer schon eher da als die Vergütung

Also ich hab es so eingestellt, da kommt es gut hin:

var step = 48 / (auf / (interval/1000));

Muss 2 x geändert werden!

[SilentKiller]

1. Also funktionieren tuts echt gut erstmal, nur das mit der Geschwindigkeit ist so eine Sache, kriege es nicht hin das es ungefähr so lange braucht wie das Banner, ob der varstep nun auf 100 oder 48 steht... Zumal ich ja garnicht erwarte das es exakt ausläuft, nur schafft der Ladebalken bei mir immer so knapp zwei drittel nur bis zur Vergütung, ist also langsam. Naja eigentlich auch halb so wild, mich irritiert nur das es arg unregelmäßig ist, und der mal ins stocken kommt und mal direkt parzellen überspringt.

2. Naja und dann hab ich versucht den frame zu splitten, d.h. in der fc.php noch ne bottomframe.php eingeleitet mit 30,*,30 ... mit eigener css. hab dann versucht aus einer kopie vom topframe den inhalt für die bottomframe zu machen wo der Ladebalken dann drin ist- also rallye und vergütungscounter rausgenommen und tanübergabe, anbindung zur session&functionslib und wartezeit drin gelassen.. aber irgendwie will der ladebalken noch nicht ablaufen im bottomframe,irgendwie hab ich da was vergessen wohl, aber da versuch ich noch bissel dran.

3. Wollt ich wissen, ob es möglich wäre ein Pic am ende des grünen balkens zu platzieren... als ich weis nicht wie ich das vernünftig erklären soll, hört sich bissel dösig an glaube ich. Hab mir halt gedacht da der grüne Balken auf dem Roten balken abläuft, könnte man gut ein pic 15x15 machen mit nem Farbfade von grün auf rot- und wenns immer am Ende vom grünen Balken "vorangeschoben" wird, würde der Übergang sanfter aussehen. Weis aber garnicht ob das überhaupt so geht wie ich mir das zurechtleg