Pereiti prie turinio

Javascript informacijos rodymas tame pačiame puslapyje


Rekomenduojami pranešimai

Sveiki.

Noriu padaryti, kad paspaudus tam tikrą nuorodą, tam tikrame plote atvaizduotų informaciją iš tam tikro vietinio PHP puslapio, po to paspaudus kitą, tame pačiame plote atvaizduojama būtų jau kito puslapio informacija. Na, manau supratote ką aš turiu omenyje.

Ieškojau informacijos Google, bet nelabai ką radau.

 

Ačiū iš anksto.

Nuoroda į pranešimą
Dalintis kituose puslapiuose

Sveiki. Prireikė dar pagalbos.

Yra kodas:

function loadXMLDoc(url)
{
var xmlhttp;
if (window.XMLHttpRequest)
 {
 xmlhttp=new XMLHttpRequest();
 }
else
 {
 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
 }
xmlhttp.onreadystatechange=function()
 {
 if (xmlhttp.readyState==4 && xmlhttp.status==200)
   {
   document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

   }
 }

xmlhttp.open("GET",url,true);
xmlhttp.send();
}

 

Ir noriu į jį įterpti fadeIn. Žinote kas kaip tai padaryti?

Nuoroda į pranešimą
Dalintis kituose puslapiuose

<html>
<head>
	<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
	<script>
	$(document).ready(function() {
		$.get("failas.php", function(data) {
		  $('#atsiranda_informacija').html(data);
		});
	});
	</script>
</head>
<body>
<div id="atsiranda_informacija">Čia atsiras informacija</div>
</body>
</html>

 

Prašau

Nuoroda į pranešimą
Dalintis kituose puslapiuose
  • po 3 savaičių...

Sveiki dar kartą. Turiu kodą, jisai gerai veikiantis ir visiškai toks kokio man reikia, bet esmė tame, kad kiekvienai nuorodai praktiškai parašoma atskira funkcija. Bandžiau padaryti visaip, bet man nesigavo. Noriu, kad būtų panašiai kaip kode, kurį užrodęs buvau prieš tai. Na, manau supratote esmę.

<script>
$(document).ready(function(){

$("#nuoroda1").click(function(){
$("#content").fadeOut(350, function(){
$("#content").load("includes/failas1.php");
$("#content").fadeIn(350);
}); });

$("#nuoroda2").click(function(){
$("#content").fadeOut(350, function(){
$("#content").load("includes/failas2.php");
$("#content").fadeIn(350);
}); });

$("#nuoroda3").click(function(){
$("#content").fadeOut(350, function(){
$("#content").load("includes/failas3.php");
$("#content").fadeIn(350);
}); });

});
</script>

<a href="#" id="nuoroda1">Nuoroda1</a>
<a href="#" id="nuoroda2">Nuoroda2</a>
<a href="#" id="nuoroda3">Nuoroda3</a>


<div id="content">Čia atsiranda turinys</div>

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.

  • Prisijunk prie bendruomenės dabar!

    Uždarbis.lt nariai domisi verslo, IT ir asmeninio tobulėjimo temomis, kartu sprendžia problemas, dalinasi žiniomis ir idėjomis, sutinka būsimus verslo partnerius ir dalyvauja gyvuose susitikimuose.

    Užsiregistruok dabar ir galėsi:

    ✔️ Dalyvauti diskusijose;

    ✔️ Kurti naujas temas;

    ✔️ Rašyti atsakymus;

    ✔️ Vertinti kitų žmonių pranešimus;

    ✔️ Susisiekti su bet kuriuo nariu asmeniškai;

    ✔️ Naudotis tamsia dizaino versija;

    ir dar daugiau.

    Registracija trunka ~30 sek. ir yra visiškai nemokama.

  • Naujausios temos

  • Karštos temos

×
×
  • Pasirinkite naujai kuriamo turinio tipą...