połączenie jquery z quick.cms

Michael2007

Avatar: Michael2007

2010-02-23 12:24

Jak połaczyć sensownie jquery z tym cmsem>, bo chciałem wykorzystać wtyczke do jquery ale niestety nie działa cos sie gryzie

» Quick.Cms v2.x

Makaron

Avatar: Makaron

2010-02-23 14:23

jQuery gryzie sie z lightboxem. Można lightboxa zastąpić choćby Slimboxem (ja tak robiłem) i nie powinno być żadnych problemów. Są tez inne odpowiedniki lightboxa współpracujące z biblioteką jQuery. Z tego co słyszałem są plany, aby dołączyć domyślnie bibliotekę jQuery ze skryptami OS, ale kiedy to nastąpi nie wiem. :)

www.mak-web.pl - modyfikacje QC i QCMS

Terespl

Avatar: Terespl

2010-03-16 00:30

zainkluduj normalnie jQuery, później wywołaj
<script type="text/javascript">
jQuery.noConflict();
</script>

a później odwołujesz się nie przez znak $ tylko jQuery (pełną nazwą)

seba24h

Avatar: seba24h

2010-05-12 14:49

Witam mam plik index.html: Jest po przeglądarka newsów w jQuery włącznie z plikami:

jquery-1.4.2 i jquery.flow.1.1.min

i plikiem stylów. Mam pytanie jak zintegrowac to z Quick Cms, gdzie wrzucic pliki, gdzie dopisac zawartość index.html?

Chciałbym aby ta przeglądarka wyświetlała mi się w topie strony zamiast header. Da się to zrobić>??


plik index.html
<html>

<head>
<link rel="stylesheet" href="style.css" type="text/css" />
<script src="jquery-1.4.2.js" type="text/javascript"></script>
<script src="jquery.flow.1.1.min.js" type="text/javascript"></script>

<script type="text/javascript">
$(function() {
$("div#controller").jFlow({
slides: "#slides",
width: "900px",
height: "250px"
});
});
</script>


</head>

<body>
<div id="container">
<div id="controller" class="hidden">
<span class="jFlowControl"></span>
<span class="jFlowControl"></span>
<span class="jFlowControl"></span>
</div>

<div id="slides">

<div>
<div class="featured-text">
<h1 class="featured">
featured text here 01
</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porttitor est et ante euismod
vel euismod tortor ornare. Quisque turpis augue, iaculis vel luctus non, dapibus a ante. Quisque vitae
turpis augue. Nulla facilisi. Continue Reading...
</p>
</div>
<div id="featured-image01">
<div class="featured-buttons">
<div class="featured-btn">
<img src="next_btn.png" alt="Next" class="jFlowNext" />
<div class="featured-btn">
<img src="prev_btn.png" alt="Previous" class="jFlowPrev" />
</div>
</div>
</div>
</div>
</div>

<div>
<div class="featured-text">
<h1 class="featured">
featured text here 01
</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porttitor est et ante euismod
vel euismod tortor ornare. Quisque turpis augue, iaculis vel luctus non, dapibus a ante. Quisque vitae
turpis augue. Nulla facilisi. Continue Reading...
</p>
</div>
<div id="featured-image02">
<div class="featured-buttons">
<div class="featured-btn">
<img src="next_btn.png" alt="Next" class="jFlowNext" />
<div class="featured-btn">
<img src="prev_btn.png" alt="Previous" class="jFlowPrev" />
</div>
</div>
</div>
</div>
</div>

<div>
<div class="featured-text">
<h1 class="featured">
featured text here 01
</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus porttitor est et ante euismod
vel euismod tortor ornare. Quisque turpis augue, iaculis vel luctus non, dapibus a ante. Quisque vitae
turpis augue. Nulla facilisi. Continue Reading...
</p>
</div>
<div id="featured-image03">
<div class="featured-buttons">
<div class="featured-btn">
<img src="next_btn.png" alt="Next" class="jFlowNext" />
<div class="featured-btn">
<img src="prev_btn.png" alt="Previous" class="jFlowPrev" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>

</body>

</html>

Seba

Makaron

Avatar: Makaron

2010-05-12 17:16

Właściwie wszystko będziesz musiał wrzucić do pliku templates/container.tpl. Zwróć tylko uwagę, że mogą wystąpić konflikty ze skryptem Lightbox. Nie wiem czy solucja Terespl się sprawdzi - nie testowałem jej i być może trzeba będzie zrezygnować ze skryptu lightbox.

Mak-Web.pl - Modyfikacje skryptów Q.Cart i Q.Cms

JR

Avatar: JR

2010-12-05 11:52

Rozwiązanie zaproponowane przez Terespl jest ok - jquery nie gryzie się wtedy z lightboxem. Więcej informacji http://docs.jquery.com/Using_jQuery_with_Other_Libraries

elaniusz

Avatar: elaniusz

2011-01-18 14:26

<i>jQuery gryzie sie z lightboxem. Można lightboxa zastąpić choćby Slimboxem (ja tak robiłem) i nie powinno być żadnych problemów.</i>

Witam; mam problem z ligtboxem po dołożeniu jquery. klikając na miniaturkę otwiera się zdjęcie na białym tle w oknie przeglądarki. Jak użyć skryptu Slimbox, o którym pisał Makaron

Jestem laikiem więc proszę o wyrozumiałość
Dziękuję za odpowiedź

mm

Makaron

Avatar: Makaron

2011-01-18 15:03

Cały ten topic jest powiązany z Twoim pytaniem. Wystarczy przeczytać powyższe posty, żeby dowiedzieć się jak używać biblioteki jQuery w Quick.Cms'ie. Slimboxa dodaje się do skryptu tak jak do każdej innej statycznej strony. Przeczytaj instrukcję obsługi i nie powinieneś mieć żadnych problemów lub skorzystaj z instrukcji jaką podał JR.

Mak-Web.pl - Modyfikacje skryptów Q.Cart i Q.Cms

RobenPL

Avatar: RobenPL

2011-07-28 18:14

JR i Terespl - podali właściwe rozwiązanie.

ravrav

Avatar: ravrav

2012-12-29 11:50

Czyli prawidłowo - cytuję Terespl:

zainkluduj normalnie jQuery, później wywołaj
<script type="text/javascript">
jQuery.noConflict();
</script>

Tylko nie wiem co znaczy:
a później odwołujesz się nie przez znak $ tylko jQuery (pełną nazwą)

Do góry
o nas | kontakt