Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][HTML]2 atrybuty "class" w jednym wierszu
Forum PHP.pl > Forum > Przedszkole
-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ę:
  1. <a class='xxx' href="http://www.xxxxxxxxxxxx" class="qqqqqqqqqqqqqq" title="xxxxxxxxx"></a>

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:
  1. <a href="http://www.facebook.com/xxxxxxxxx" class="poshytip facebook facebook-okno" title="Zostań naszym fanem"></a>


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 ?

co_jest.gif
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:
  1. // Poshytips ------------------------------------------------------ //
  2.  
  3. $('.poshytip').poshytip({
  4. className: 'tip-twitter',
  5. showTimeout: 1,
  6. alignTo: 'target',
  7. alignX: 'center',
  8. offsetY: 5,
  9. allowTipHover: false
  10. });
  11.  
  12.  
  13. // Poshytips Forms ------------------------------------------------------ //
  14.  
  15. $('.form-poshytip').poshytip({
  16. className: 'tip-yellowsimple',
  17. showOn: 'focus',
  18. alignTo: 'target',
  19. alignX: 'right',
  20. alignY: 'center',
  21. offsetX: 5
  22. });

jeszcze do tego atrybutu dla przykładu z kodu css
  1. .social .facebook{ background: url(../img/social-icons/circular/facebook_32.png); }


A to już skrypt colorbox:
  1. <!-- Colorbox -->
  2. <link media="screen" rel="stylesheet" href="colorbox.css" />
  3. <script src="colorbox/jquery.colorbox.js"></script>
  4. $(document).ready(function(){
  5. $(".facebook-okno").colorbox({width:"90%", height:"90%", iframe:true});
  6. $("#click").click(function(){
  7. $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
  8. return false;
  9. });
  10. });
  11. </script>
  12. <!-- ENDS Colorbox -->



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

co_jest.gif
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
Cytat
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 sad.gif
Dla colorboxa atrybut brzmi: class='xxx' ,a dla efektu class="xxx".

co_jest.gif
erix
Puść to gdzieś na żywo, bo nie wierzę Ci na słowo. tongue.gif
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 ?

co_jest.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.