[JavaScript][HTML]2 atrybuty "class" w jednym wierszu, Drobny problem Opcje

[--senior.pol--]

Witam mój problem polega na niemożności poprawnego uzupełnienia kodu.
Otóż w pliku .html mam skrypt colorbox ,do którego należy w danym miejscu wpisywać class="xxxxx", ale także w tej samej linijce mam atrybut class pobierający styl z pliku .css. Moje pytanie brzmi jak to połączyć jedną całość .
Podaje tą linijkę:

[HTML] pobierz, plaintext 
<a class='xxx' href="http://www.xxxxxxxxxxxx" class="qqqqqqqqqqqqqq" title="xxxxxxxxx"></a>
[HTML] pobierz, plaintext 

Nie działa mi ten pierwszy atrybut 'class'

Proszę o pomoc
Z góry dziękuję

[kamil4u]

<... class="klasa1 klasa2 klasa3 klasaX"...>

[senior.pol]

Teraz nie ładuje mi się strona w oknie colorbox.
Kod wygląda tak:

[HTML] pobierz, plaintext 
<a  href="http://www.facebook.com/xxxxxxxxx" class="poshytip  facebook facebook-okno" title="Zostań naszym fanem"></a>
[HTML] pobierz, plaintext 

facebook-okno to odwołanie do colorbox-a

Co zrobić by jakoś może odzielić te atrybuty ?

[kamil4u]

Powinno być dobrze. Prawdopodobnie skrypt JS jest źle napisany. Musisz go podać.

[senior.pol]

Skrypt normalnie chodzi jeśli nie łączę dwóch atrybutów i wpisując class='xxx', a nie cudzysłów class="xxx" .

O jaki JS chodzi? Ten od colorbox-a czy od stylu elementu ?



Ten post edytował senior.pol 24.12.2011, 11:44:35

[erix]

Puść gdzieś to na żywo.

[kamil4u]

Generalni chodzi o to, że w JS korzystasz z:

Kod

el.className;

, a to zwraca cały atrybut class. Jeżeli pisze ktoś mało doświadczony(lub dla siebie i jest pewien, że nie będzie innych klas) to używa:

Kod

if( el.className == 'mojaKlasa' ){

, a powinien użyć wyrażeń regularnych, aby wybrać tylko jedną klasę "mojaKlasa"( obecnie doszły nowe, szybsze metody sprawdzania klasy: https://developer.mozilla.org/en/DOM/element.classList ). Jeżeli masz w kodzie JS taką konstrukcję to to nie może działać. Umieść kod online to będzie można łatwiej co cokolwiek powiedzieć( usuń zbędny kod, aby można było dość sprawnie to sprawdzić, a nie przewijać się przez setki linii kodu)

[senior.pol]

Szczerze mówiąc to nie wiem ,który to u mnie kod, więc zamieszczam możliwe:

[PHP] pobierz, plaintext 
	// Poshytips ------------------------------------------------------ //
 
    $('.poshytip').poshytip({
    	className: 'tip-twitter',
		showTimeout: 1,
		alignTo: 'target',
		alignX: 'center',
		offsetY: 5,
		allowTipHover: false
    });
 
 
    // Poshytips Forms ------------------------------------------------------ //
 
    $('.form-poshytip').poshytip({
		className: 'tip-yellowsimple',
		showOn: 'focus',
		alignTo: 'target',
		alignX: 'right',
		alignY: 'center',
		offsetX: 5
	});
[PHP] pobierz, plaintext 

jeszcze do tego atrybutu dla przykładu z kodu css

[PHP] pobierz, plaintext 
.social .facebook{ background: url(../img/social-icons/circular/facebook_32.png); }
[PHP] pobierz, plaintext 

A to już skrypt colorbox:

[HTML] pobierz, plaintext 
<!-- Colorbox -->
		<link media="screen" rel="stylesheet" href="colorbox.css" />
        <script src="colorbox/jquery.colorbox.js"></script>
        <script>
		$(document).ready(function(){
			$(".facebook-okno").colorbox({width:"90%", height:"90%", iframe:true});
			$("#click").click(function(){ 
				$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
				return false;
			});
		});
       </script>
       <!-- ENDS Colorbox -->
[HTML] pobierz, plaintext 

Patrzyłem na te kody JS od colorboxa i nie wiem o jakie linijki chodzi, bo są podobne.

Musiałem całość załączyć
Link do kodu



Ten post edytował senior.pol 25.12.2011, 21:49:37

[kamil4u]

Umieść skrypt na żywo - tzn. całą stronę( a dokładnie tylko fragmenty dotyczące problemu ). Tak żebyśmy wiedzieli efekt. I napisz czego konkretnie oczekujesz od skryptu.

[senior.pol]

OK. Na żywo znajduje się to na stronie Zobacz w stopce strony jako buttton facebook-a

[kamil4u]

I napisz czego konkretnie oczekujesz od skryptu.

Nie wiem co robi ten skrypt, dlatego opisz co oczekujesz.

[senior.pol]

Chodzi o to ,że jak klikasz na ikonke facebook-a w stopce strony to otwiera się tylko okno ,ale nie ładuje się w nim strona. Okno to działa jeśli nie ma dwóch atrybutów class, np w podstronie "pogoda". Niestety łączenie efektu tych ikonek i tego colorbox-a uniemożliwia prawidłowe działanie
Dla colorboxa atrybut brzmi: class='xxx' ,a dla efektu class="xxx".

[erix]

Puść to gdzieś na żywo, bo nie wierzę Ci na słowo.

[senior.pol]

Przecież podałem strone
Link

W stopce strony
;d

[grzeee]

Zamiast klasy spróbuj nadać elementowi id i to samo zmień w funkcji colorboxa.
Jednak obawiam się że to wina facebooka że nie chce ci się otwierać w ramce

Faktycznie sprawdziłem i facebook'a nie otworzysz w iframe
zobacz:
http://9876.jea.pl/

[senior.pol]

A da radę zrobić wtyczkę Like-Box ,żeby wyskakiwała zamiast całej strony ?



Ten post edytował senior.pol 27.12.2011, 20:24:45