Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][HTML]2 atrybuty "class" w jednym wierszu, Drobny problem
--senior.pol--
post
Post #1





Goście







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ę
Go to the top of the page
+Quote Post
kamil4u
post
Post #2





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

Ostrzeżenie: (0%)
-----


<... class="klasa1 klasa2 klasa3 klasaX"...>
Go to the top of the page
+Quote Post
senior.pol
post
Post #3





Grupa: Zarejestrowani
Postów: 158
Pomógł: 0
Dołączył: 10.08.2011

Ostrzeżenie: (0%)
-----


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 ?
Go to the top of the page
+Quote Post
kamil4u
post
Post #4





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

Ostrzeżenie: (0%)
-----


Powinno być dobrze. Prawdopodobnie skrypt JS jest źle napisany. Musisz go podać.
Go to the top of the page
+Quote Post
senior.pol
post
Post #5





Grupa: Zarejestrowani
Postów: 158
Pomógł: 0
Dołączył: 10.08.2011

Ostrzeżenie: (0%)
-----


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 ?

(IMG:style_emoticons/default/co_jest.gif)

Ten post edytował senior.pol 24.12.2011, 11:44:35
Go to the top of the page
+Quote Post
erix
post
Post #6





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




Puść gdzieś to na żywo.
Go to the top of the page
+Quote Post
kamil4u
post
Post #7





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

Ostrzeżenie: (0%)
-----


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)
Go to the top of the page
+Quote Post
senior.pol
post
Post #8





Grupa: Zarejestrowani
Postów: 158
Pomógł: 0
Dołączył: 10.08.2011

Ostrzeżenie: (0%)
-----


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

(IMG:style_emoticons/default/co_jest.gif)

Ten post edytował senior.pol 25.12.2011, 21:49:37
Go to the top of the page
+Quote Post
kamil4u
post
Post #9





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
senior.pol
post
Post #10





Grupa: Zarejestrowani
Postów: 158
Pomógł: 0
Dołączył: 10.08.2011

Ostrzeżenie: (0%)
-----


OK. Na żywo znajduje się to na stronie Zobacz w stopce strony jako buttton facebook-a
Go to the top of the page
+Quote Post
kamil4u
post
Post #11





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

Ostrzeżenie: (0%)
-----


Cytat
I napisz czego konkretnie oczekujesz od skryptu.

Nie wiem co robi ten skrypt, dlatego opisz co oczekujesz.
Go to the top of the page
+Quote Post
senior.pol
post
Post #12





Grupa: Zarejestrowani
Postów: 158
Pomógł: 0
Dołączył: 10.08.2011

Ostrzeżenie: (0%)
-----


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 (IMG:style_emoticons/default/sad.gif)
Dla colorboxa atrybut brzmi: class='xxx' ,a dla efektu class="xxx".

(IMG:style_emoticons/default/co_jest.gif)
Go to the top of the page
+Quote Post
erix
post
Post #13





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




Puść to gdzieś na żywo, bo nie wierzę Ci na słowo. (IMG:style_emoticons/default/tongue.gif)
Go to the top of the page
+Quote Post
senior.pol
post
Post #14





Grupa: Zarejestrowani
Postów: 158
Pomógł: 0
Dołączył: 10.08.2011

Ostrzeżenie: (0%)
-----


Przecież podałem strone
Link

W stopce strony
;d
Go to the top of the page
+Quote Post
grzeee
post
Post #15





Grupa: Zarejestrowani
Postów: 102
Pomógł: 5
Dołączył: 24.11.2006

Ostrzeżenie: (0%)
-----


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/
Go to the top of the page
+Quote Post
senior.pol
post
Post #16





Grupa: Zarejestrowani
Postów: 158
Pomógł: 0
Dołączył: 10.08.2011

Ostrzeżenie: (0%)
-----


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

(IMG:style_emoticons/default/co_jest.gif)

Ten post edytował senior.pol 27.12.2011, 20:24:45
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 24.08.2025 - 13:44