Refresh a ťuk a IE

Snacker · Napísal **Snacker**: 23.07.2009 19:19

Zdravim,
Mam chat robeny cez iframe, ktory sa metou refreshuje kazdych x sekund. V IEčku som spozoroval pri refreshi zvuk takeho tuknutia/kliknutia a potreboval by som sa toho zbavit, je to mozne?

Dakujem

Ďuri · Napísal **Ďuri**: 23.07.2009 19:25

Nie je.

Snacker · Napísal autor témy **Snacker**: 23.07.2009 19:28

Coo

? Musi predsa nejaky sposob existovat, napr. na Pokeci som prave spozoroval ze pri refreshi im nic netukne

Ďuri · Napísal **Ďuri**: 23.07.2009 19:30

A stopercentne je pokec rieseny cez iframe?

neviem, nechodim tam, ale tipol by som to na Ajax. Pokial si budes Ajaxom pravidelne requestovat obsah <div>u, ktory sa ma refreshovat, nebude ti nic tukat, lebo vlastne sa nic nerefreshuje, iba to tak vyzera.

Snacker · Napísal autor témy **Snacker**: 23.07.2009 19:42

Citácia:

A stopercentne je pokec rieseny cez iframe? neviem, nechodim tam,

Ja, len ked chcem vediet jak to maju riesene :lol:

Aha, mas pravdu prave som to pozeral cez firebuga, maju to riesene cez div. Raz som to pozeral pomylila ma jedna vec bo jeden iframe tam mali a prisudil som ho chatu. Fuha, tam to musim cele prerobit, no Ajax neovladam,budem si musiet nastudovat asi problematiku

kaidžas · Napísal **kaidžas**: 23.07.2009 21:32

tento refresh samostatneho divka funguje:

Kód:

var xmlhttp = false ;


if (!xmlhttp && typeof XMLHttpRequest != 'undefined')
{
  try {
   xmlhttp = new XMLHttpRequest ();
  }
  catch (e) {
  xmlhttp = false}
}


function myXMLHttpRequest ()
{
  var xmlhttplocal;
  try {
     xmlhttplocal = new ActiveXObject ("Msxml2.XMLHTTP")}
  catch (e) {
   try {
   xmlhttplocal = new ActiveXObject ("Microsoft.XMLHTTP")}
   catch (E) {
     xmlhttplocal = false;
   }
  }

  if (!xmlhttplocal && typeof XMLHttpRequest != 'undefined') {
   try {
     var xmlhttplocal = new XMLHttpRequest ();
   }
   catch (e) {
     var xmlhttplocal = false;
   }
  }
  return (xmlhttplocal);
}


var mnmxmlhttp = Array ();
var mnmString = Array ();
var mnmPrevColor = Array ();
var responsestring = Array ();
var myxmlhttp = Array ();
var responseString = new String;




var i=0;
var ii = 0;

function ajax_update()
{

   url = "ajax.php";
   target2 = document.getElementById ('content');
   
   ii = i++;

   var content = "i=" + ii ;

   mnmxmlhttp = new myXMLHttpRequest ();
   if (mnmxmlhttp) {
         mnmxmlhttp.open ("POST", url, true);
         mnmxmlhttp.setRequestHeader ('Content-Type',
                  'application/x-www-form-urlencoded');

         mnmxmlhttp.send (content);
         errormatch = new RegExp ("^ERROR:");

         target2 = document.getElementById ('content');

         mnmxmlhttp.onreadystatechange = function () {
            if (mnmxmlhttp.readyState == 4) {
               mnmString = mnmxmlhttp.responseText;
         
               if (mnmString.match (errormatch)) {
                  mnmString = mnmString.substring (6, mnmString.length);
                  
                  target = document.getElementById ('content');
                  target2.innerHTML = mnmString;
                  
               } else {
                  target = document.getElementById ('content');
                  target2.innerHTML = mnmString;

               }
            }
         }
      }


   setTimeout('ajax_update()', 2000); //refresh IDčka každé 2s.

}

Skúška:(ajax.php) <?php

echo "<PRE>";
print_r($_POST);
echo time();

?>

<body onload= "ajax_update();">
<div id="content">Tvoj obsah ...</div>
</body>

Snacker · Napísal autor témy **Snacker**: 23.07.2009 21:46

Diki, pekny funkcny

uz nejaku tu chvilu hladam nieco funkcne. Prosim ta ako je to s funknostou v IE6 a pod??. Skusal som to v len novych verziach prehliadacoch Safari, FF, Opera, IE8 a je to funkcne

kaidžas · Napísal **kaidžas**: 23.07.2009 22:01

no v IE6 a nizsie neviem ako to funguje, musim to pozriet

Ďuri · Napísal **Ďuri**: 24.07.2009 9:10

Stare verzie Explorera nepodporuju priamo objekt XMLHttpRequest, ale ide to cez ActiveX. Vsetko to je v tom skripte vyssie osetrene, takze v IE5+ by to malo ist.
Ale ten kod vyssie sa mi zda velmi zlozity, prepchaty zbytocnymi premennymi a podmienkami. Odporucam pozriet tutorial na w3schools.com, aby si s tym nemal problem v buducnosti.

Snacker · Napísal autor témy **Snacker**: 24.07.2009 16:01

Urcite to prestudujem

Prave mi prisla aj kniha mistr. v ajaxe tak sa teraz trosku vrhnem do JS. Uz som to prerobil na <div> jedno je ale iste, ze iframe = vecny problem :lol:

...

Este som sa chcel jednu vec spytat aj ked uz obchadza temu,
Mam to rozdelene na tri casti
1.room.php -> tam je form kde prises spravu a odosiela sa send.php a zaroven je tam <div> ktory sa refresuje (messages.php)
2.spominany send.php -> uklada spravu do MySQL a potom headerom do room.php
3. a messages.php -> to je vlastne ten div co sa refreshuje (vyber z databazy a echo)

No mam problem s tym, ze ked odoslem spravu tak to tak preblikne a ja by som potreboval aby toprebehlo tak rychlo, ze nic nestihne prebliknut, vsetky algoritmy som max. doladil no stale je to blikne. Nemate nejake tipy?

emer · Napísal **emer**: 24.07.2009 17:05

Snacker, v jednej téme som ti dával návod na to upozorňovanie, keď už používaš jQuery, použi to aj tu. vyhňeš sa dlhým a zbytočným kódom

Ďuri · Napísal **Ďuri**: 24.07.2009 17:28

Ano, ak pouzivas jQuery, pouzi to aj na pracu s Ajaxom. Inak odporucam jQuery nepouzivat, vyhnes sa dlhemu a zbytocnemu kodu

Snacker - mohol by si dat odkaz na zivu ukazku?

Snacker · Napísal autor témy **Snacker**: 24.07.2009 19:19

Citácia:

Ano, ak pouzivas jQuery, pouzi to aj na pracu s Ajaxom.

Na jeden efekt som ju chcel pouzit ale mam tam mierne komplikacie tak neviem.

Citácia:

Inak odporucam jQuery nepouzivat, vyhnes sa dlhemu a zbytocnemu kodu

Skor mi ide o to dobre pochopit JS -> AJAX a robit si vsetko na mieru bez zbytocneho kodu

Citácia:

Snacker - mohol by si dat odkaz na zivu ukazku?

Problem je v tom, ze moj web este nema dostatocne zabezpecenie tak by som ho este moc nechcel publikovat

Je pravda, ze tam mam dost funkcii, no su potrebne ako napr. ochranenie proti tapetovaniu, jedna sprava max za x casu, ochr. proti vulgarizmom... skusim asi tento kod nahrat iba jednoduchym insertom bez ochrany a skontrolujem rychlost, tak budem asi mudrejsi

//skusal som, takze v tom chyba nie je

Ďuri · Napísal **Ďuri**: 24.07.2009 20:00

Snacker píše:

Skor mi ide o to dobre pochopit JS -> AJAX a robit si vsetko na mieru bez zbytocneho kodu

Tak potom jQuery nepouzivaj. Fakt si pozri nejaky tutorial, napriklad na w3schools a pokus sa tomu rozumiet.

Snacker píše:

Problem je v tom, ze moj web este nema dostatocne zabezpecenie tak by som ho este moc nechcel publikovat

Mne je to jedno, ale preblikavanie, ake popisujes ty, som este nevidel. Bude treba tvoj kod nejak upravit, lenze si sa ho sem nenamahal dat :-)

kmsa · Napísal **kmsa**: 24.07.2009 22:37

trochu asi odbocim ale niesom isty ci neustali vyber z databazy na plochu je dobry napad.

mne pride rychlejsie ukladat do databazy a medzi tym hodinove zaznami do suborou z ktorych sa budu hadzat na plochu tvojho chatu.

niesom isty ci to je rychlejsie ale jednoznacne mi pride nie velmi efektivne vsetko hadzat a vyberat z databazy

Snacker · Napísal autor témy **Snacker**: 24.07.2009 23:03

urcite je to zaujimave riesenie a pravdepodobne by to vyriesilo aj moj problem, neviem no , preba napisat asi nejaky kod a porovnat rychlost, bezpecnost a efektivitu

jurov · Napísal **jurov**: 13.09.2009 3:38

Čaute, ten kód od kaidžasa mi obnovuje div v poriadku.
Len namiesto znakov s diakritikou vypisuje kocky, prosím poraďte

Ďuri · Napísal **Ďuri**: 13.09.2009 8:35

Najprv skontroluj, ci ti normalny text (to znamena text, ktory nevyberas Ajaxom) zobrazuje v poriadku, ak nie, nastav kodovanie v <meta>. Potom skontroluj, ci ti text, ktory vyberas z DB vypisuje v poriadku, ak nie, mas zle nastavene kodovanie DB. Inak bude problem niekde "na trase", skus nastavit v tom subore, z ktoreho tahas obsah, kodovanie pomocou HTTP hlavicky.
Najlepsie bude, ak sem das vsetky kody, teraz len tipujem.

jurov · Napísal **jurov**: 13.09.2009 13:21

Sory, nevyjadril som sa presne - robí to iba s textom, ktorý vyťahuje zo súboru. Keď som použil charset=utf-8, nič sa nezmenilo.

index.php

Kód:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<script language="JavaScript" src="http://localhost/sbm/data/xmlhttp.js" type="text/javascript"></script>
</head>
<body onload="ajax_update();">
...
<div id="content">Loading....</div>
...
</body>
</html>

data/xmlhttp.js

Kód:

var xmlhttp = false;

if (!xmlhttp && typeof XMLHttpRequest != 'undefined')
{
   try
   {
   xmlhttp = new XMLHttpRequest ();
   }
   catch (e)
   {
   xmlhttp = false
   }
}

function myXMLHttpRequest ()
{
var xmlhttplocal;
   try
   {
   xmlhttplocal = new ActiveXObject ("Msxml2.XMLHTTP")
   }
   catch (e)
   {
      try
      {
      xmlhttplocal = new ActiveXObject ("Microsoft.XMLHTTP")
      }
      catch (E)
      {
      xmlhttplocal = false;
      }
   }
   if (!xmlhttplocal && typeof XMLHttpRequest != 'undefined')
   {
      try
      {
      var xmlhttplocal = new XMLHttpRequest ();
      }
      catch (e)
      {
      var xmlhttplocal = false;
      }
   }
return (xmlhttplocal);
}

var mnmxmlhttp = Array ();
var mnmString = Array ();
var mnmPrevColor = Array ();
var responsestring = Array ();
var myxmlhttp = Array ();
var responseString = new String;

var i=0;
var ii = 0;

function ajax_update ()
{
url = "data/onlinevypis.php";
target2 = document.getElementById ('content');
ii = i++;
var content = "i=" + ii;
mnmxmlhttp = new myXMLHttpRequest ();
   if (mnmxmlhttp)
   {
   mnmxmlhttp.open ("POST", url, true);
   mnmxmlhttp.setRequestHeader ('Content-Type','application/x-www-form-urlencoded');
   mnmxmlhttp.send (content);
   errormatch = new RegExp ("^ERROR:");
   target2 = document.getElementById ('content');
      mnmxmlhttp.onreadystatechange = function ()
      {
         if (mnmxmlhttp.readyState == 4)
         {
         mnmString = mnmxmlhttp.responseText;
            if (mnmString.match (errormatch))
            {
            mnmString = mnmString.substring (6, mnmString.length);
            target = document.getElementById ('content');
            target2.innerHTML = mnmString;
            }
            else
            {
            target = document.getElementById ('content');
            target2.innerHTML = mnmString;
            }
         }
      }
   }
setTimeout('ajax_update()', 1000);
}

data/onlinevypis.php

Kód:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
</head>
<body>
<div id="online">
ľščťžýáíéóúäôň
<?php echo Date("U"); ?>
</div>
</body>
</html>

Ďuri · Napísal **Ďuri**: 13.09.2009 13:58

Na zaciatok toho onlinevypis.php skus dat

Kód:

<?php
header('content-type: text/html; charset=Windows-1250');
?>

Mimochodom, naco v tom onlinevypis.php mas !doctype, <html> a ine zbytocnosti? Uplne by stacilo, keby si tam nechal to ľščťžýáíéóúäôň.

jurov · Napísal **jurov**: 13.09.2009 21:02

Je to v poriadku, ďakujem

Refresh a ťuk a IE

Podobné témy