Skocz do zawartości
"Idzie nowe..." - o zmianach i nie tylko ×
Przeniesienie zakupów z IPS Marketplace / Moving bought items from IPS Marketplace ×

Javascript w stylu.


Przejdź do rozwiązania Rozwiązane przez wiwi249,

Rekomendowane odpowiedzi

Opublikowano

Hej wszystkim.

Pojawił mi sie bardzo nieprzyjemny problem z javascriptem. Ogólnie pracuję nad nowym stylem na moje forum. Zależało mi na dodaniu rozwijanego loginboxa, do którego mam już przygotowany skrypt w javie. Skrypt ten działa normalnie odpalany, ale nie na IPB. Ma ktoś pomysł jak go poprawnie dodać i uruchomić?
Pozdrawiam.

 

Skrypt (dodałem na dole sekcji <head> w globalTemplate)

<script type="text/javascript">
$(document).ready(function(){
    $("#loginbox").hide();
  $("#login_button").click(function(){
    $("#loginbox").toggle(500, "swing");
  });
});
</script>

Oczywiście dalej mam odpowiednio zrobione divy.

Opublikowano

Caly naglowek:

<!DOCTYPE html>
	<html lang="en" <if test="fbcenabled:|:IPSLib::fbc_enabled() === TRUE || $this->settings['fbc_appid']"> xmlns:fb="http://www.facebook.com/2008/fbml"</if>>
	<head>
		<meta charset="{$this->settings['gb_char_set']}" />
		<title>{$header_items['title']}</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link href='http://fonts.googleapis.com/css?family=Ubuntu&subset=latin,cyrillic-ext,cyrillic,latin-ext,greek,greek-ext' rel='stylesheet' type='text/css'>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/prototype/1.7.2.0/prototype.js"></script>
		<link rel="shortcut icon" href='<if test="$this->registry->output->isHTTPS">{$this->settings['board_url_https']}<else />{$this->settings['board_url']}</if>/favicon.ico' />
		<link rel="image_src" href='{$this->settings['meta_imagesrc']}' />

<script type="text/javascript">
jQuery.noConflict();
$(document).ready(function(){
    $("#loginbox").hide();
  $("#login_button").click(function(){
    $("#loginbox").toggle(500, "swing");
  });
});
</script>
		<script type='text/javascript'>
		//<![CDATA[
			jsDebug			= {parse expression="intval($this->settings['_jsDebug'])"}; /* Must come before JS includes */
			USE_RTE			= 1;
			DISABLE_AJAX	= parseInt({$this->settings['disable_text_ajax']}); /* Disables ajax requests where text is sent to the DB; helpful for charset issues */
			inACP			= false;
			var isRTL		= false;
			var rtlIe		= '';
			var rtlFull		= '';
		//]]>
		</script>
		{parse template="includeCSS" group="global" params="$css"}
		<meta property="og:title" content="{$this->registry->output->encodeMetaTagContent( str_replace( ' - ' . $this->settings['board_name'], '', $header_items['title'] ) )}"/>
		<meta property="og:site_name" content="{$this->registry->output->encodeMetaTagContent( $this->settings['board_name'] )}"/>
		<meta property="og:image" content="{$this->settings['meta_imagesrc']}"/>
		<meta property="og:type" content="article" />
		{parse template="includeMeta" group="global" params="$metaTags"}
		<if test="isLargeTouch:|:$this->registry->output->isLargeTouchDevice()">
		<!--<meta name="viewport" content="width=device-width;">-->
		</if>
		<if test="isSmallTouch:|:$this->registry->output->isSmallTouchDevice()">
		<meta name="viewport" content="width=1024px">
		</if>
		{parse template="includeJS" group="global" params="$jsModules"}
		{parse template="includeFeeds" group="global" params="$documentHeadItems"}
		{parse template="includeRTL" group="global" params=""}
		{parse template="includeVars" group="global" params="$header_items"}

	</head>

kod z divami:

<if test="memberbox:|:$this->memberData['member_id']"><div id="loginsubplay">
<else />
<div id="loginbox">

dalej idzie juz tymczasowe logowanie, tak, zeby sprawdzic tylko czy to zadziała. Ogolnie divy się pokazują prawidłowo, zapisałem je w osobnym "bicie" szablonu, przywołałem za pomocą

{parse template="loginbox" group="global"}

To co mam w headerze robiłem na wiele sposobów już, wykorzystywałem też te, które były podane na tej stronie internetowej którą podzielił się Macsch15.

Jesli istnieje jakiś inny sposób na uzyskanie podobnego efektu kompalitybnego z IP.Board bardzo prosiłbym o namiary ;)

  • Rozwiązanie
Opublikowano

Poradziłem sobie.

Rozwiązanie:

 <script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery("#loginbox").hide();
        jQuery("#login_button").click(function(){
           jQuery("#loginbox").toggle(500, "swing");
        });
    });
</script>

Wszedzie zamiast $ wstawiłem jQuery.

Tak piszę jakby ktoś miał podobny problem do mnie i szukał wyjścia. Wszystkim udzielającym się serdeczne dzięki za pomoc!

  • Lubię to 1
Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.
  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.