Kicsit félreérthető vagyok.. Felugrik, de nem új ablak, hanem olyan háttér-elsötétítős módszer,mint amit linkeltél.

Nem az a szabadság, hogy azt teheted, amit akarsz, hanem, hogy nem kell megtenned, amit nem akarsz.

Na, hát akkor ott van.
"View Source"-nál meg tudod nézni a konkrét kódot itt.

Sk8erPeter

Üdv!
Beillesztettem a honlapomba a clearboxot, minden működik szépen, egy kivételével. Az előre-hátra navigáló gombok nem akarnak megjelenni sehogyan se. Próbáltam állítgatni többmindent, de semmi...

CB_TextNav='on',
CB_NavTextImgPrvNxt='on',
ha jól értelmezem ez a két sor szabályozza a navigálógombokat. Ha valaki tud segíteni a problémámon, ne tartsa magában, mert este rosszakat fog álmodni!

Galériát állítottál be neki?

<a href="a.jpg" rel="clearbox[gallery=My Gallery]">sample image</a>
<a href="b.mp3" rel="clearbox[gallery=My Gallery]">sample music</a>
<a href="http://www.youtube.com/v/myrmovieid" rel="clearbox[gallery=My Gallery]">sample youtube</a>

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

ÓÓÓÓÓÓ Speeeeeeedfire úr, áldott legyen a te tudásod!

Mesterek, óriási gondom van!

Ezen az oldalon: [link] egy issue lehet mert se a méretválasztás se a jqzoom funkció nem megy, de sehogyse tudom megtalálni hol lehet a baj. Tudnátok segíteni?

Itt működik a dolog:
[link]

Böngésződben nyomj egy F12-őt, lesd meg a console-t.

Ezer hálás köszi, megvan a hiba

Udv!

van egy ilyen kodom amivel kulombozo fajlok tartalmat toltom be slide effect-el egy div-be:

$(function () {
function ajaxify(file){
$.get(file,function(data) {
$("#tartalom").hide('slide', {direction: 'left'}, 1000,function(){
$(this).html(data).show('slide', {direction: 'right'}, 1000,function(){
});
});
});
}
$('#nav li a').click(function(){
$('#nav li a.active').addClass('offline',1000)
$('#nav li a.active').removeClass('active',1000);
$(this).addClass('active');
$(this).removeClass('offline');
ajaxify($(this).attr('href'));
return false;
});
ajaxify('home.php');

});

Ugy szeretnem atalakitani hogy a div tartalmanak valtozasaval egyutt valtozzon az url-is.
Ebbe tud nekem valaki segiteni?

Elore is koszonom!

"Sült hal, Tom Jones, délutáni tea, rossz kaja, mégrosszabb idő, kibaszott Mary Poppins, LONDON!" // ...when i get sad.i stop being sad and be awesome instead...

window.location.replace(url)

Jah bocsi, az át is irányít. Simán az url-t átirányítás nélkül nem lehet megváltoztatni, de van ez a módszer:

document.location.hash = "valami";

Bár ez csak #-jel után fűzi ezt. Más ötletem, így hirtelen nincs. Talán jön vki okos, és majd ír

[ Szerkesztve ]

Esetleg ez?
location.replace('http://www.url.com/');

Vagy esetleg:
window.location.search += urlneve_amivel_kiegeszited;

[ Szerkesztve ]

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

A hash-t változtasd (# utáni rész az URL végén).
Csináld úgy, ahogy Ben Alman mutatja:
jQuery hashchange event

=============================================

(#2920) Speeedfire : ezt ki is próbáltad?

Sk8erPeter

Szerinted?

Fotóim https://fb.com/toth.szabolcs.art || IG: http://instagram.com/_tothszabolcs_ || Weblapom http://szabolcs-toth.com

Valahogy sejtettem.

Sk8erPeter

De pl.: Facebookon, mikor egy galériát nézel, változik az url a lapozásnál. Pedig valószínűleg nem tölti újra az egész oldalt. És ott az urlben nincs #-jel Akkor az mi, hogy?

Csak egy kicsit kellene tudni keresni. Ez egy HTML5 feature, ami nem működik minden böngészőben, információkat itt találhatsz, próbáld ki a window.history.replaceState-et!

Köszönöm az eddigi segítségeket,most így néz ki egy menü elemem href-je: href="#valami.php"
és most ezzel a kóddal töltöm be a php-fájlok tartalmát a div-be,és változtatom meg a hash-t:

$(window).hashchange(function()1
{
var hash=location.hash;
document.title=''+(hash.replace(/^#/,'')||'');
$('#tartalom').hide('slide', {direction: 'left'}, 1000,function()
{
$(this).load(document.location.hash.replace(/#/,''),function()
{
$(this).show('slide', {direction: 'right'}, 1000,function(){});
})
})
})
(window).hashchange();

Az is megoldhato valamilyen modon hogy refreshkor,vagy ha beirom a bongeszobe a az url-t akkor az url-nek a megfelelo tartalmat hozza be?

"Sült hal, Tom Jones, délutáni tea, rossz kaja, mégrosszabb idő, kibaszott Mary Poppins, LONDON!" // ...when i get sad.i stop being sad and be awesome instead...

Ez az event akkor is érvényes, próbáld ki az általam korábban linkelt oldalon, egy megadott hash-sel, pl. ezzel:
http://benalman.com/code/projects/jquery-hashchange/examples/hashchange/#test4
Itt látható a #test4 hash a végén, és a 4. linket zöldre is színezi ennek a megnyitásakor.

[ Szerkesztve ]

Sk8erPeter

Hat igazsag szerint ezt probaltam valahogy osszehozni,de ugylatszik valamit elneztem

"Sült hal, Tom Jones, délutáni tea, rossz kaja, mégrosszabb idő, kibaszott Mary Poppins, LONDON!" // ...when i get sad.i stop being sad and be awesome instead...

Ezt ismerem, és ha jó isl tudom IE alatt nem megy. Az alatt meg nem néztem meg az FB-t, nem gondoltam h. ilyen feauturet raknak bele, ami nem minden browser alatt megy.

Nézd meg a Fácsét IE8-ban például.
Ott pont úgy változik az URL, hogy hash-t használnak.

Tehát valahogy így:
http://www.facebook.com/photo.php?fbid=1231231#!/photo.php?fbid=123123132&set=ASDADS&type=1&permPage=1

A #!/photo.php?.... rész az érdekes.

Tehát van egy "fallback", ha nem támogatja ezt a feature-t a böngésző, amiről Athlon64+ beszélt.

Sk8erPeter

Okok, tiszta sor Nagyon komoly megoldás.

Udv!

Van egy ilyen kodom:

$(function()
{
$("a[rel='tab']").click(function(e)
{
//e.preventDefault();
pageurl = $(this).attr('href');
$.ajax(
{
url:pageurl+'?rel=tab',success: function(data)
{
$("#tartalom").hide('slide', {direction: 'left'}, 1000,function()
{
$(this).html(data).show('slide', {direction: 'right'}, 1000,function(){});
});
}
});
if(pageurl!=window.location)
{
window.history.pushState({path:pageurl},'',pageurl);
}
$('#nav li a.active').addClass('offline',1000);
$('#nav li a.active').removeClass('active',1000);
$(this).addClass('active');
$(this).removeClass('offline');
return false;
});
});
ilyen linkel:
<a rel="tab" class="active" href="home.php">fooldal</a>

Az a gondom vele hogy nem mukodnek az elore,hatra gombok,es frissites se.Hogy,illetve mit kene atirjak benne,hogy mukodesre birjam oket?

Elore is koszonom a segitseget!

"Sült hal, Tom Jones, délutáni tea, rossz kaja, mégrosszabb idő, kibaszott Mary Poppins, LONDON!" // ...when i get sad.i stop being sad and be awesome instead...

JSFiddle-ön példát összerakni légy szíves, vagy legalább megmagyarázni, hogy milyen navigációs gombokról van szó...

Addig is egy megjegyzés: nem fog kiakadást okozni, de az addClass, removeClass függvényeknek nincs második paramétere.

“All nothings are not equal.”

Itt tulajdonkepp az a problemam hogy ha ramegyek a menube a linkekre akkor betolti a tartalmat a megfelelo div-be,es meg is valtoztatja az url-t de ha csak ugy siman beirom az url-t a bongeszobe,vagy frissitem az oldalt, akkor magat az oldalt hozza be,es nem a tartalom div-be tolti be.A navigacios gomboknal meg a bongeszo navigacios gombjaira gondoltam.Valami ehhez hasonlot szeretnek kivitelezni.

Bocsi ha kicsit erthetetlenul fogalmaztam.

[ Szerkesztve ]

"Sült hal, Tom Jones, délutáni tea, rossz kaja, mégrosszabb idő, kibaszott Mary Poppins, LONDON!" // ...when i get sad.i stop being sad and be awesome instead...

Pont ezért írta korábban Karma, hogy jsFiddle-re rakjál már fel példát, hogy lássuk, mivel próbálkoztál, és esetleg meg is tudjuk mondani, mi a hiba, ne nekünk kelljen már szenvedni és időt tölteni vele, hogy még ezt is összehozzuk.
Szerinted mit mondanak az autószervizben, ha azt mondod, hogy otthon van a kocsid, és nem működik, de nem tudod, miért, mondják már meg, hogy mi a baja?

(#2940) SektorFlop : ugyanez vonatkozik rád is. Oszd meg, hogy mivel próbálkoztál, mert különben nem fogunk tudni segíteni.
És ha témával kapcsolatos (van benne JS) a hsz.-ed, ne rakd OFF-ba.

Sk8erPeter

Lehet, miért ne.
Végül melyik megoldást választottad?

Sk8erPeter

Okes,Bocsi.Megcsinaltam a peldat,de nem igazan mukodo kepes.Azert remelem valamennyire kitudjatok hamozni belole amit kell. [link].Ha ezzel nem vagyunk beljebb,akkor feltoltom egy tarhelyre az egeszet,es belinkelem majd.

Elore is koszi szepen a segitseget!

[ Szerkesztve ]

"Sült hal, Tom Jones, délutáni tea, rossz kaja, mégrosszabb idő, kibaszott Mary Poppins, LONDON!" // ...when i get sad.i stop being sad and be awesome instead...

Sziasztok!

Egy kis eligazítást szeretnék kérni. Van egy hosszabb http kérésem, ami alatt több php függvény fut. Szeretnék a függvények állapotáról a request közben információt kiíratni a képernyőre. Úgy gondoltam, hogy a megfelelő php sorokat megszakítva egy div innerHtml-jét módosítanám js-el, de sajnos nem reagál a request közben, fordítás után az utolsó módosítást jeleníti meg a divben. Ötletet, javaslatokat szeretnék kérni ennek megvalósítására.

Előre is köszi,
üdv

•

A konkrét PHP megvalósítástól függetlenül ez egy olyan pont, ahol előnyös lehetne a megjelenítés és a folyamatod szétválasztása. Tehát egy AJAX hívással elindítasz valamit, aztán setIntervallal pollozod egy másik AJAX-szal, amíg véget nem ér. A dolog lényege az, hogy ezek a hívások ne HTML fragmentet adjanak vissza, hanem valami egyszerűbb JSON objektumot (benne a request azonosítójával és a státusszal), és ez alapján crissíted a UI-t, JS kódból.

Ezzel a döntéssel gyakorlatilag egy REST webservice-re és egy JS kliensre bontanád a problémát. Ha egyszer a jövőben mobilalkalmazást akarnál írni, ez felbecsülhetetlen értékű beruházás. De ha nem, a módosításokat is jobban lehetővé tenné.

[ Szerkesztve ]

“All nothings are not equal.”

Ja és ha nem lenne JavaScript, ott a meta-refresh.
De szigorúan csak ilyen helyzetben.

“All nothings are not equal.”

Szia!

Köszönöm szépen a hozzászólást. Utána nézek annak, amit írtál (, mert első olvasatra nem teljesen tiszta .

•