jQuery => AJAX => PHP

HackForum

jQuery => AJAX => PHP#
Zdravím.
Řeším na první pohled jednoduchý problém, ale nakonec jsem nad ním strávil celý den na w3c a stackoverflow, ale bez výsledku....

Když problém zjednoduším, tak:

Na webu mám 5 tlačítek pojmenovaných id1 až id5.
Současně je na pozadí DIV, ve kterm je PHP kód. Div má nasavený display style:none;

Při kliknutí na kterékoli tlčítko se DIV ukáže (jquery - toggle()) a výstup PHP kódu by měl odpovídat tomu, na které tlačítko se kliklo (tedy porovnávat to podle ID tlačítka). Zobrazení DIVu chci řešit JQuery - toggle().

Řešením by tedy měl být AJAX. Dostal jsem se až k:

$(".button #id1").click(function(){
$.post("file.php",
{
name: "Pepa",
surname: "Novak"
},
function(data){
$("div").html(data)
$("div").toggle()

});
});

a file.php:

$name=$_POST[name];
$surname=$_POST[surname];
echo ".....".$_POST[name].".....".$_POST[name];


Problém je v tom, že:
$("div").html(data)

mi najějak blbě načítá ten DIV. Proměná se mi sice ukáže, ale celý layout divu je úplně rozsekaný,(on ten DIV je totiž součástí jiného DIVu, který je zase součástí dalšího DIVu). Přestože má DIV nastaven position:absolute a z-index:2; tak se zobrazuje úplně jinde než by měl a se z-indexem:0;


Napadá někoho nějaké řešení, klidně i jiné, jak kliknutím na tlačítko poslat PHP souboru proměnou, která se ihned vykoná a její výstup se hned zobrazí metodou toggle()?

Děkuji.






(odpovědět)
ditran | 185.156.38.*3.12.2016 21:03

Zpět
 
 
 

 
BBCode