Pereiti prie turinio

Smooth refresh, kaip?


Rekomenduojami pranešimai

Nežinau ar teisingai formuluoju klausimą, bet yra taip, turiu daug frazių ir pateikiu jas random būdu po vieną su js, Math.floor(115*Math.random()) ir noriu padaryt, kad jos pasikeistų gražiau negu paprastai paspaučiant refresh naršyklės viršuje. Dabar naudoju tokį mygtuką (čia tiesiog vietoj to, kad nereiktų eit į viršų ir spaust):

form><input type="button" value="Refresh" onClick="history.go(0)"></form>

Reiktų, kad atsinaujintų tik tas js paspaudus kokį tai mygtuką ir aišku būtų labai gerai su smooth efektu. Kas žinot, būtų puiku jei padėtumėt.

 

Dėkui.

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Prie tos pačios temos: kaip padaryti iframe auto refresh? Naudoju javascript, bet nevyksta auto refresh...

Source:

 

<head>
<script language="javascript">
function reloadIframe()
{
	document.getElementById('iframe1').src='www.google.lt';
}
</script>
</head>

<body onload="reloadIframe();">
<iframe name='iframe1' src='www.google.lt' frameborder="0" frameborder="0" width='80' height='40' id="iframe1"></iframe>
</body>
</html>

 

Kas ne taip?

Nuoroda į pranešimą
Dalintis kituose puslapiuose
Prie tos pačios temos: kaip padaryti iframe auto refresh? Naudoju javascript, bet nevyksta auto refresh...

Source:

 

<head>
<script language="javascript">
function reloadIframe()
{
	document.getElementById('iframe1').src='www.google.lt';
}
</script>
</head>

<body onload="reloadIframe();">
<iframe name='iframe1' src='www.google.lt' frameborder="0" frameborder="0" width='80' height='40' id="iframe1"></iframe>
</body>
</html>

 

Kas ne taip?

 

Ką čia jau nori prasukinėti?

Nuoroda į pranešimą
Dalintis kituose puslapiuose
AJAX.

 

AJAX tai AJAX, bet tai kokia komanda ir panašiai, Google ieškojau Ajax refresh ir taip konkrečiai nieko neradau, radau tik visas sistemas iš kurių išsirinkt kuri vieta tą refresh daro, nepatyrusiam manau nėra taip lengva. Gal kas konkrečiau su pavizdukais žino?

Nuoroda į pranešimą
Dalintis kituose puslapiuose

kaip ir sakei, nori, kad paspaudus mygtuką užsikrautų nauja frazė, taigi:

pasidarai mygtuką.

pasijungi jQuery.

pasirašai funkciją, kuri būtų vykdoma, kai $('#mygtukas').click()

tada liepi funkcijai išfeidinti frazės divą.

tada kreipiesi per $.ajax() į php skriptą, kuris paima iš duombazės frazę.

paėmęs frazę, jis grąžina ją atgal, kaip rezultatą.

tą rezultatą atvaizduoji frazės dive

įfeidini divą atgal.

viskas :)

Nuoroda į pranešimą
Dalintis kituose puslapiuose
kaip ir sakei, nori, kad paspaudus mygtuką užsikrautų nauja frazė, taigi:

pasidarai mygtuką.

pasijungi jQuery.

pasirašai funkciją, kuri būtų vykdoma, kai $('#mygtukas').click()

tada liepi funkcijai išfeidinti frazės divą.

tada kreipiesi per $.ajax() į php skriptą, kuris paima iš duombazės frazę.

paėmęs frazę, jis grąžina ją atgal, kaip rezultatą.

tą rezultatą atvaizduoji frazės dive

įfeidini divą atgal.

viskas :)

 

Aha viskas, kaip ir būtų gerai, jei mokėčiau truputi php, ajax, sql ir jQuery, to deja nemoku, bet kaip suprantu reiks mokintis. Taigi buvau pagalvojęs paprastesnį variantą, kadangi visos frazes buvo ne duomenų bazei, o paprastai java skripto įraše, galvojau be visų tų kreipimusi, gal yra paprasta ajax komanda, kuri atnaujintų tik tą vietą.

 

Kaip suprantu, nėra ir taip labai paprastai neįmanoma padaryt?

Nuoroda į pranešimą
Dalintis kituose puslapiuose

ai, pats tikriausiai vistiek nepasirašysi, tad, duodu paprasčiausią variantą:

 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf8"/>
<title>jQuery demo</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
  $(document).ready(function() {
	  $("#textdiv").append("Tik nieko čia nespausk!");
	var frazes = new Array("WTF","LOLZ","ROFL","OMG",":O","KKBBTHX","Dar frazė","Ir dar viena","Ir dar dar viena","O gal jau gana?","Daugiau nebespausk!");
	$("#tipoMygtukas").click(function() {
		$("#textdiv").stop().fadeOut('slow', function(){
			$(this).text("");
			var randomnumber = Math.floor(Math.random()*11);
			$(this).text(frazes[randomnumber]);
			$(this).fadeIn('slow');
		});

	});
  });
</script>
</head>
<body>
<div id="textdiv" style="width: 200px; height: 200px; background: #000; color: #fff; padding: 10px;"></div><br/>
<div id="tipoMygtukas" style="width: 120px; height: 20px; padding: 10px; border: 1px solid #000;">Spausk mane!</div>
</body>
</html>

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Prisijunkite prie diskusijos

Jūs galite rašyti dabar, o registruotis vėliau. Jeigu turite paskyrą, prisijunkite dabar, kad rašytumėte iš savo paskyros.

Svečias
Parašykite atsakymą...

×   Įdėta kaip raiškusis tekstas.   Atkurti formatavimą

  Only 75 emoji are allowed.

×   Nuorodos turinys įdėtas automatiškai.   Rodyti kaip įprastą nuorodą

×   Jūsų anksčiau įrašytas turinys buvo atkurtas.   Išvalyti redaktorių

×   You cannot paste images directly. Upload or insert images from URL.

Įkraunama...
  • Dabar naršo   0 narių

    Nei vienas registruotas narys šiuo metu nežiūri šio puslapio.

×
×
  • Sukurti naują...