ugrás a tartalomhoz

jQuery

Spiki · 2012. Okt. 30. (K), 00.41
Szervusztok!

Hogyan tudnám kinyerni jQuery-vel az alábbi sorból a span id értékét?
<span id="magneter" style="cursor: pointer">MAGMETER kezelés</span>

Spiki
‹ javascript svg script probléma css menu úgy maradjon ›
 ■
1

jQuery?

Poetro · 2012. Okt. 30. (K), 07.37
Ehhez miért kell jQuery?
var div = document.createElement('div');
div.innerHTML = '<span id="magneter" style="cursor: pointer">MAGMETER kezelés</span>'; 
alert('div.childNodes[0].id');
2

jQuery

Spiki · 2012. Okt. 30. (K), 12.29
Azért gondoltam rá, mert az alábbi felsorolás elemeire kattintva szeretnék egy popup ablakot megnyitva bővebb információval szolgálni.
<div id="content"><p><strong>Szolgáltatások</strong></p>
    <p>- <span id="magneter" style="cursor: pointer">MAGMETER kezelés</span><br />- Gyógy-, frissítő- és stresszmasszázs<br />- Reflexológia <br />- Numerológiai elemzés<br />- POWER STEP PLUS Vibrációs tréner<br />- Fogyasztó kezelések<br />- Akupresszúrás kezelés<br />- Baranyi-Bendig féle Thai babamasszázs, mozgás<br />- Thai generál masszázs<br />- Thai olajos masszázs<br />- Mágnesterápiás masszázs<br />- Bach-virágterápia<br />- Kineziológiai kezelés<br />- Shiatsu masszázs<br />- Köpölyözés; Testgyertyázás; Fülgyertyázás</p>
</div>
3

Szemantikus

Poetro · 2012. Okt. 30. (K), 12.32
Akkor használj linket, a felsorolásra felsorolást, a címre pedig címet.
4

$('#content').on('click','spa

szabo.b.gabor · 2012. Okt. 30. (K), 12.51

$('#content').on('click','span',function(e){
var $span=$(this);
console.log($span.attr('id'));
});
5

Off

Totti 1986 · 2012. Nov. 1. (Cs), 13.04
Sokszor láttam kész pluginokban, h néha igy adnak meg egy változót:
var $span = '';
Ehelyett:
var span = '';
Mi a lényege, h van-e '$' vagy nincs?
6

Nincs lényege, szerintem

Hidvégi Gábor · 2012. Nov. 1. (Cs), 13.17
Nincs lényege, szerintem PHP-ból térhettek át JS-re, és megszokták, hogy így nevezik a változóikat.
8

Értem

Totti 1986 · 2012. Nov. 1. (Cs), 13.22
Azt hittem, h van vmi szerepe a $ jelnek, mert elég sűrűn láttam.
Köszi
12

Tudom, hogy régi, de most

bamegakapa · 2013. Jún. 6. (Cs), 11.45
Tudom, hogy régi, de most találtam.

Ez egy szokás, az olyan változókat szokták így megjelölni, amik jQuery objektumokra (a jQuery azaz $ függvénnyel létrehozott objektumokra) tárolnak referenciát.

//jQuery objektum
var $closeButton = $('.close');
var $this = $(this); //mondjuk egy jQuery-vel csatolt event handlerben, ahol a this egy DOM elem

//Egyszerű érték
var xy = 'sztring';
var i = 0;

//DOM elem
var domElem = document.getElementById('valami');
var closeButton = $('.close').get(0);
13

Felesleges

Poetro · 2013. Jún. 6. (Cs), 12.42
Teljesen felesleges a $, mivel a NodeList-et se jelölöd sehogy, pedig az sem egy elem. Ha már egyet jelölsz, akkor miért nem jelölöd az összeset?
var nlLinks = document.links,
    nlDivs = document.getElementsByTagName("divs"),
    eFirstDiv = nlDivs[0],
    iDivLength = nlDivs.length,
    dToday = new Date();
14

Nem minősítettem, hogy

bamegakapa · 2013. Jún. 6. (Cs), 13.38
Nem minősítettem, hogy felesleges vagy hasznos, csak elmondtam neki, mire használják azok, akik használják. Ez is olyan szokás, mint az összes többi elnevezési konvenció, akinek tetszik, az használja, akinek nem, az meg ne használja (kivéve persze ha a csapatban ez a szokás).
7

jQuery

Spiki · 2012. Nov. 1. (Cs), 13.21
Köszönöm, működik. :-)
9

jQuery bPopup

Spiki · 2012. Nov. 1. (Cs), 22.14
Mégegyszer köszönöm a korábbi hozzászólást, működik rendesen a dolog.

Egy olyan dolog miatt kereslek ismét Benneteket, hogy egy bPopup ablak az egyik oldalon (http://www.fitzone.hu/spinning/index.php) jól, egy másik oldalon (http://www.fitzone.hu/!new5/index.php) (ugyanazokkal a paraméterekkel) nem jó helyen jelenik meg.
Mi lehet a probléma?
10

Miután FF alatt megnyitottam

hunkris · 2012. Nov. 1. (Cs), 23.01
Miután FF alatt megnyitottam és bezártam a firebugot, visszacsúszott középre.

Egyébként nem ugyanúgy vannak pozícionálva.

Első:

<div id="spnap" style="left: 480px; position: absolute; top: 185px; z-index: 9999;">
Második:

<div id="spnap" style="left: 583.5px; position: absolute; top: 20px; z-index: 9999; display: block;">
11

Ez érdekes, mert én ilyen

Spiki · 2012. Nov. 1. (Cs), 23.28
Ez érdekes, mert én ilyen sorokat nem írtam be.
A www.fitzone.hu/spinning oldalon ez van:
...
#spnap {
	width: 720px;
	height: 479px;
	background-image:url(img/spinningnap_1106.jpg);
	display: none;
}
...
$("#spnap").bPopup();
...
  <div id="spnap"><a class="bClose"><img src="../img/btn_close.png" /></a>
    <div id="pContent"></div>
  </div>
A http://www.fitzone.hu/!new5/index.php oldalon ugyanezzel próbálkoztam, de nem működött. Erre az oldalra a következőt raktam:
...
#spnap {
	width: 720px;
	height: 479px;
	display: none;
}
#pContent {
	width: 720px;
	height: 479px;
}
...
$("#spnap").bPopup({
	modalClose: false
});
...
<div id="spnap"><a class="bClose"><img src="../img/btn_close.png" /></a>
    <div id="pContent"><img src="spinning/img/spinningnap_1106.jpg" /></div>  </div>
Az eredeti verzióban ezen az oldalon nem jelent meg semmi, csak a bezáró gomb, ezért csináltam itt másképp.
Ötlet?