- Facebook és Messenger
- Vodafone otthoni szolgáltatások (TV, internet, telefon)
- Visszavonta az Intel és a Qualcomm Huawei-hez kiadott exportlicencét az USA
- Telekom otthoni szolgáltatások (TV, internet, telefon)
- Opera böngésző
- DIGI kábel TV
- Microsoft Excel topic
- Starlink
- Már nem hisz a nagy európai EV-forradalomban a Ford
- ASUS routerek
Új hozzászólás Aktív témák
-
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);
});
});https://toptarget.hu - Online Marketing Ügynökség
-
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!
https://toptarget.hu - Online Marketing Ügynökség
-
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?
https://toptarget.hu - Online Marketing Ügynökség
-
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]
https://toptarget.hu - Online Marketing Ügynökség
-
vakondka
őstag
válasz Sk8erPeter #697 üzenetére
Hűha...de a dinamikusan betöltött tartalom esetén nem műxik
https://toptarget.hu - Online Marketing Ügynökség
-
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 .onhttps://toptarget.hu - Online Marketing Ügynökség
-
vakondka
őstag
válasz Sk8erPeter #702 üzenetére
Jeeeeessz!
Töléletes! Köszi szépen mégyegyszer
https://toptarget.hu - Online Marketing Ügynökség
-
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);
});https://toptarget.hu - Online Marketing Ügynökség
-
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.https://toptarget.hu - Online Marketing Ügynökség
-
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...[ Szerkesztve ]
https://toptarget.hu - Online Marketing Ügynökség
-
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...
https://toptarget.hu - Online Marketing Ügynökség
Új hozzászólás Aktív témák
- Bomba ár! Asus VivoBook X412F - i5-8GEN I 8GB I 256GB SSD I 14" FHD I HDMI I Cam I W11 I Garancia!
- Bomba ár! HP ProBook 650 G5 - i7-8GEN I 8GB I 256GB SSD I 15,6" FHD I Cam I W11 I Garancia!
- Bomba ár! Lenovo ThinkPad L380 - i5-8GEN I 8GB I 256SSD I 13,3" FHD Touch I Cam I W11 I Gari!
- Bomba ár! Asus VivoBook S410U - i5-8GEN I 8GB I 256GB SSD I 14" FHD I HDMI I Cam I W11 I Garancia!
- Bomba ár! HP ProBook 450 G3 - i7-6G I 8GB I 256GB SSD I HDMI I 15,6" FHD I Cam I W10 I Gar!
Állásajánlatok
Cég: Ozeki Kft.
Város: Debrecen
Cég: Alpha Laptopszerviz Kft.
Város: Pécs