Hirdetés
-
PROHARDVER!
JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)
Új hozzászólás Aktív témák
-
#68216320
törölt tag
Urak, segítség kellene, mivel JS-ben nagyon-nagyon zöldfülű vagyok.
Megpróbáltam a problémát amennyire tudtam leegyszerűsíteni.
Mivel rövid, nem tettem fel pastebin-re.A main.php tartalmaz egy <div> tagot, amibe szeretnék ajax-al 1-1 linkre kattintva megfelelő tartalmat visszaírni egy background.php segítségével.
Ezek a visszaírt tartalmak szintén linkeket tartalmaznak, amik dinamikusan generálódnak, amikre kattintva újabb ajax hívás történne a háttérben.A problémám az, hogy nem tudom hogyan kellene ezeknek a dinamikusan létrehozott, egyedi id-val rendelkező linkeknek a kattintás eseménykezelését megoldani.
Ebben szeretném a segítségeteket kérni.
Egyelőre az első linket kiválasztva szerettem volna a visszaírt linket használni és egy alert()-et megjeleníteni, de itt már elakadtam.main.php
<html lang="hu-HU">
<head>
<meta charset="utf-8" />
<!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"> -->
<link href="style.css" rel="stylesheet" />
<script src="jquery-3.0.0.min.js"></script>
<script src="myjquery.js"></script>
</head>
<body>
<div id="box1">Ide jön(nek) a választott termék(ek)</div>
<div id="box2">
<a href="" id="link1">termék1</a>
<a href="" id="link2">termék2</a>
</div>
</body>
</htmal>background.php
<?php
if( $_GET['id'] == 'link1')
echo 'termék 1<a href="" id="t1">töröl</a>';
elseif( $_GET['id'] == 'link2') {
echo 'termék 2 komponens<a href="" id="t2_1">töröl</a>';
echo '<br />';
echo 'termék 2 komponens<a href="" id="t2_2">töröl</a>';
}
?>myjquery.js
$( document ).ready(function() {
$('#box2 a').on("click", function (e) {
e.preventDefault();
currentId = $(this).attr('id');
$.ajax({url: "background.php?id="+currentId, success: function(result){
$("#box1").html(result);
}});
});
$('#t2').on("click", function (e) {
alert("KATT!");
});
});
Új hozzászólás Aktív témák
- Viccrovat
- Motorolaj, hajtóműolaj, hűtőfolyadék, adalékok és szűrők topikja
- AMD Ryzen 9 / 7 / 5 9***(X) "Zen 5" (AM5)
- Elmentünk fotózni a Xiaomi 17 Ultrával
- Vezetékes FEJhallgatók
- Kertészet, mezőgazdaság topik
- Luck Dragon: Asszociációs játék. :)
- Telekom otthoni szolgáltatások (TV, internet, telefon)
- Vicces képek
- Egérpad topik
- További aktív témák...
- Mid tower gèp ház
- 2024-es Lenovo ThinkPad T14 Gen4 laptop, gyári garanciával, eredeti magyar billentyűzettel eladó!
- Makulátlan Iphone 13 Midnigth Black 128 GB 88% 2024.12.23-án vásárolt
- TESTRESZABHATÓ/GARIS/ Ryzen 5 5600/16GB DDR4/RX 6700 XT 12 GB/ 1 TB M.2 SSD/2 TB HDD
- ASUS ROG STRIX G16 Gamer laptop 16" -40% Raptor i9-14900HX 24Mag 16/1TB 240Hz RTX 4070 8GB QHD
- Kihagyhatatlan áron DELL XPS 13 9310 /i5-1135G7/8 GB Ram/512 GB SSD/FHD+ IPS
- Eladó Apple iPhone 11 64GB fekete / 12 hó jótállás
- BESZÁMÍTÁS! GIGABYTE A520M R5 5500 16GB DDR4 512GB SSD GTX 1070 8GB Zalman T3 Plus DeepCool 400W
- Bomba ár! HP ProBook 440 G3 - i5-6GEN I 8GB I 500GB I HDMI I 14" HD I Cam I W10 I Garancia!
- CoolerMaster MM710 53gr pehelykönnyű gamer egér eladó
Állásajánlatok
Cég: Laptopműhely Bt.
Város: Budapest

