- Sony Xperia 1 V - kizárólag igényeseknek
- Samsung Galaxy S25 Ultra - titán keret, acélos teljesítmény
- Samsung Galaxy S22 Ultra - na, kinél van toll?
- Apple Watch
- Macrodroid
- Samsung Galaxy S23 és S23+ - ami belül van, az számít igazán
- Samsung Galaxy Watch6 Classic - tekerd!
- Android alkalmazások - szoftver kibeszélő topik
- Samsung Galaxy Watch (Tizen és Wear OS) ingyenes számlapok, kupon kódok
- Ne legyetek bátorak, ha ezt a rollert választjátok - OOTD T10
Új hozzászólás Aktív témák
-
vakondka
őstag
Sziasztok,
div-re kattintással szeretném kiválasztani a benne lévő radio elemet, de valamiért nagy furcsán működik:
[link]Arról nem beszélve, hogy jó lenne, ha a háttérszín is úgy maradna a kiválasztott div-nél...
-
vakondka
őstag
Igen, erre én is gondoltam, csak azon gondolkodom kellene valami rendszer hogy mi legyen a hash...
Egyébként már csak egy eseménykezelő kellene ami érzékeli hogy a visszagombra kattintottak, majd a content divbe betölti azt az url-t ami a böngészőben van.
Ugyanis jelenleg már minden kattintás mutatja a megfelelő teljes url-t a böngészőben
és a vissza gomb szépen visszalép az előző linkre, de csak kiírja.
Le kellene kezelni magát az eseményt valahogyan... -
vakondka
őstag
válasz
Sk8erPeter #808 üzenetére
Szia,
De pont ez a gondom, hogy nálam nincs hash sehol sem, csak sima url...
az url betöltődése helyett a lecserélődik a tartalom div. -
vakondka
őstag
válasz
Speeedfire #806 üzenetére
Van valakinek tapasztalata hogy ajaxos oldalnál hogyan kell kezelni a history-t?
Konkrétan azt szeretném, hogy működjön a böngésző vissza gombja.Ennyi van jelenleg ami betölti az oldalt és beteszi a böngészőbe az aktuális url-t:
(nem hasheket használok, hanem sima URL-t)$("body").on("click", "a[href*='-c-'], a[href*='-p-'], a[href*='extra_info_pages.php'], a[href*='create_account.php'], a[href*='specials.php']", function(e) {
var a_href = $(this).attr('href');
var content = $('#column_content');
var breadcrumb = $('#breadcrumb');
e.preventDefault();
content.fadeToggle();
content.load(a_href +' #column_content', function(){
breadcrumb.load(a_href +' #breadcrumb');
var title = $("h1:first").text();
$(document).attr('title',title);
//State = History.getState();
History.pushState(null, null, a_href);
}); -
vakondka
őstag
válasz
Sk8erPeter #702 üzenetére
Jeeeeessz!
Töléletes! Köszi szépen mégyegyszer
-
vakondka
őstag
válasz
Sk8erPeter #699 üzenetére
Hááát ez az, hogy nincs on függvényhívás.
A helyzet a következő:
Rákattintanak egy termékkategória linkre, ez AJAX-szal betölti a #column_content div-be az összes terméket ami abban a kategóriában van.
A kategória listázásnál minden terméknél van készletinfó feliratú kép, mouseover esetén jön fel a buborék, de ugye ez esetben nem tudom hova kellene tenni .on -
vakondka
őstag
válasz
Sk8erPeter #697 üzenetére
Hűha...de a dinamikusan betöltött tartalom esetén nem műxik
-
vakondka
őstag
OK, látom nemhiába vagy PH félisten
Ez így működik, de korrekt is?
$(function() {
//klikk megakadályozása majd ajax betöltés
$("body").on("click", "a[href*='-c-'], a[href*='-p-'], a[href*='extra_info_pages.php'], a[href*='create_account.php']", function(e) {
var a_href = $(this).attr('href');
var content = $('#column_content');
e.preventDefault();
content.fadeToggle();
content.load(a_href +' #column_content');
content.fadeToggle();
//return false;
});És még ezt kellene módosítani valahogyan, hogy működjön dinamikus tartalom esetén is...
// Buborék
$('.bubbleInfo').each(function () {
// options
var distance = 10;
var time = 250;
var hideDelay = 500;
var hideDelayTimer = null;
// tracker
var beingShown = false;
var shown = false;
var trigger = $('.trigger', this);
var popup = $('.popup', this).css('opacity', 0);
// set the mouseover and mouseout on both element
$([trigger.get(0), popup.get(0)]).mouseover(function () {
// stops the hide event if we move from the trigger to the popup element
if (hideDelayTimer) clearTimeout(hideDelayTimer);
// don't trigger the animation again if we're being shown, or already visible
if (beingShown || shown) {
return;
} else {
beingShown = true;
// reset position of popup box
popup.css({
top: -80,
left: 0,
display: 'block' // brings the popup back in to view
})
// (we're using chaining on the popup) now animate it's opacity and position
.animate({
top: '-=' + distance + 'px',
opacity: 1
}, time, 'swing', function() {
// once the animation is complete, set the tracker variables
beingShown = false;
shown = true;
});
}
}).mouseout(function () {
// reset the timer if we get fired again - avoids double animations
if (hideDelayTimer) clearTimeout(hideDelayTimer);
// store the timer so that it can be cleared in the mouseover if required
hideDelayTimer = setTimeout(function () {
hideDelayTimer = null;
popup.animate({
top: '-=' + distance + 'px',
opacity: 0
}, time, 'swing', function () {
// once the animate is complete, set the tracker variables
shown = false;
// hide the popup entirely after the effect (opacity alone doesn't do the job)
popup.css('display', 'none');
});
}, hideDelay);
});
});így nézne ki: [link]
-
vakondka
őstag
válasz
Sk8erPeter #690 üzenetére
Wow, egyszerűbb mint gondoltam
Köszi mindkettőtöknek!
Arra van megoldás, hogy a dinamikusan betöltődött tartalomban lévő linkekre is érvényes legyen valahogyan?
-
vakondka
őstag
válasz
Sk8erPeter #687 üzenetére
Szia,
Szuper, pont ez kellett nekem !!!
Annyit még kérdezhetek, hogy írjam át a href filterben a regexet, ha több linktípusra szeretném ugyanezt?
Jelenleg ugye a -c- de kelle még a -p- is.Köszi!
-
vakondka
őstag
Sziasztok,
Azt szeretném megoldani Jquery-vel, hogy bizonyos linkek ajax-szal töltődjenek be oldalfrissítés nélkül.
Ez önmagában nem gond, de a linkeket nem akarom megváltoztatni, azért, hogy JS nélkül is működjön a weboldal. Erre jó lenne elvileg a prevenDefault() de valamit biztosan elrontottam
(A jelenlegi oldal column_content id-jű divbe rakja a betöltendő oldal azonos részét, a betöltés az működik is javascript konzolból)$(function() {
$("a[href*='-c-']").click(function(e) {
var a_href = e.attr('href');
e.preventDefault();
$('#column_content').load(a_href +' #column_content');
$('#column_content').fadeIn(300);
});
});
Új hozzászólás Aktív témák
Hirdetés
- Intel Core i7-8700, i7-9700 CPU, processzor - Számla, garancia
- BESZÁMÍTÁS! MSI B450M R5 5600 32GB DDR4 512GB SSD RX 6700XT 12GB Rampage SHIVA Cooler Master 700W
- Eladó szép állapotban levő Apple iPhone 15 256GB / 12 hó jótállás
- Telefon felvásárlás!! iPhone X/iPhone Xs/iPhone XR/iPhone Xs Max
- LG OLED Televíziók: KÉSZLETKISÖPRÉS -30%
Állásajánlatok
Cég: Promenade Publishing House Kft.
Város: Budapest
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest