• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Wordpress Wrapper w footer.php Problem

VPS Starter Arubacloud
0 głosów
266 wizyt
pytanie zadane 12 października 2017 w JavaScript przez Albert Fijałkowski Użytkownik (590 p.)

Hej mam problem, nie wyświetla mi się kod od WP Wrapper. Takie okienko, które ma wyskakiwać co 25 sekund w prawym rogu z informacją. 

 

Kod Wrappera

<?php wp_footer(); ?>
<div style="display:none">
<audio id="notify" src="https://notificationsounds.com/soundfiles/389bc7bb1e1c2a5e7e147703232a88f6/file-sounds-900-you-know.mp3">
</div>
<div class="private_notifier" style="cursor:pointer">
</div>
<script>
var arrayStrings = [
"TEKST 1","TEKST 2","TEKST 3"
];
$(document).ready(function(){
	setInterval(function() {
	var value = Math.floor(Math.random() * arrayStrings.length) + 1;
	var content = '<div style="position:fixed;right:50px;bottom:80px;width:350px;height:200px;background:#191d2e;border-radius:20px;z-index:100000"><p style="text-align:center;font-weight:bold;margin-top:25px;"><img src="LINK DO TWOJEGO LOGO" style="width:180px;height:40px;"/><span style="color:#ffffff"></br></br>Ktoś właśnie pobrał:</span></br><span style="color:#d81e5b">'+arrayStrings[value-1]+'</span></p></div>';
	$('.private_notifier').html(content);
	document.getElementById('notify').play();
	setTimeout(function() { $(".private_notifier").html(''); }, 10000);
	}, 25000);
	$('.private_notifier').on('click', function(){
		$(this).html('');
	});
});
</script>

 

 

 

Kod footer.php

 

		</div> <!-- / boxed container -->
	</div> <!-- / wrapper -->
	<footer>


		<div class="boxed-container">			
			
			<div class="footer-columns">
				<?php 
					dynamic_sidebar( 'smt_footer_sidebar' ); 
					$total_widgets = wp_get_sidebars_widgets();
					$cnt = count( $total_widgets['smt_footer_sidebar'] );
				?>
				<div class="clear"></div>
			</div>
			<div class="footer-menu">
				<?php wp_nav_menu(array( 
							'depth'=>0,
							'theme_location' => smt_getOption( 'menu', 'mobile' ),
							'menu_class'    => 'nav-menu'
				));	?>
			</div>
			<style>
				@media only screen and (min-width:801px) {
					footer .widget { width: <?php echo (102-2*$cnt)/$cnt; ?>%; }
					#<?php echo $total_widgets['smt_footer_sidebar'][$cnt-1]; ?> { margin-right:0; }
				}
			</style>
			
		</div>
		
		<div class="footer_txt">
			<div class="boxed-container">
				<div><?php echo smt_getOption( "layout","footertext" ); ?></div>
				<div class='smthemes'>Designed by <a href='http://www.hoverboardofficiel.fr/' target='_blank'>http://www.hoverboardofficiel.fr/</a>, thanks to: <a href='http://theme.today/' target='_blank'>Free WordPress themes</a>, <a href='http://www.dpthemes.com/' target='_blank'>Free WordPress themes</a> and <a href='http://corstone.biz' target='_blank'>CorStone.biz</a></div>
			</div>			
		</div>
		
	</footer>
	
	<?php wp_footer(); ?>

	<?php get_template_part( 'extras/social' ); ?>
	
	<script type="text/javascript"><!--//--><![CDATA[//><!--
		<?php
			$superfish = array();
			switch( smt_getOption( 'menu','effect' ) ) {
				case 'standart':
					$superfish[ 'animation' ] = 'animation: {width:"show"}';
					break;
				case 'slide':
					$superfish[ 'animation' ] = 'animation: {height:"show"}';
					break;
				case 'fade':
					$superfish[ 'animation' ] = 'animation: {opacity:"show"}';
					break;
				case 'fade_slide_right':
					$superfish[ 'onBeforeShow' ] = 'onBeforeShow: function(){ this.css("marginLeft","20px"); }';
					$superfish[ 'animation' ] = 'animation: {"marginLeft":"0",opacity:"show"}';
					break;
				case 'fade_slide_left':
					$superfish[ 'onBeforeShow' ] ='onBeforeShow: function(){ this.css("marginLeft","-20px"); }';
					$superfish[ 'animation' ] = 'animation: {"marginLeft":"0",opacity:"show"}';
					break;
			}
			$superfish[ 'autoArrows' ] = 'autoArrows:  ' . ( ( smt_getOption( 'menu','arrows' ) ) ? 'true' : 'false' );
			$superfish[ 'dropShadows' ] = 'dropShadows: false';
			$superfish[ 'speed' ] = 'speed: ' . smt_getOption( 'menu', 'speed' );
			$superfish[ 'delay' ] = 'delay: ' . smt_getOption( 'menu', 'delay' );
		?>
		jQuery(function(){ 
			jQuery( 'ul.nav-menu' ).superfish( {
				<?php echo implode( ', ', $superfish ); ?>
			});
		});
		/**** SEARCH ****/
		jQuery( document ).on( 'click', '#search-trigger', function() {
				if ( jQuery( this ).hasClass( 'active' ) ) {
						jQuery( this ).removeClass( 'active' );
						jQuery( 'header .search-box' ).slideUp();
				} else {
						jQuery( this ).addClass( 'active' );
						jQuery( 'header .search-box' ).slideDown();
				}
			});
	//--><!]]></script>
				<script>
					/***** MAIN MENU *****/
					jQuery( document ).on( 'click', '#menu-trigger', function() {
						if ( jQuery( this ).hasClass( 'active' ) ) {
							jQuery( this ).removeClass( 'active' );
							jQuery( '#main-menu' ).hide();
						} else {
							jQuery( this ).addClass( 'active' );
							if ( jQuery( '.slider' ).length ) {
								jQuery( '#main-menu ul.nav-menu' ).height( jQuery( '.slider' ).height()-100 );
							}
							if ( jQuery( '.slider' ).length && jQuery(document).width() > 1480 ) {
								jQuery( '#main-menu ul.nav-menu' ).css( 'left', ( jQuery( '.slider' ).width()-1080 )/2+1080+'px' );
							}
							jQuery( '#main-menu' ).show();
						}
					});
				</script>

				<?php wp_footer(); ?>
				<div style="display:none">
				<audio id="notify" src="https://notificationsounds.com/soundfiles/389bc7bb1e1c2a5e7e147703232a88f6/file-sounds-900-you-know.mp3">
				</div>
				<div class="private_notifier" style="cursor:pointer">
				</div>
				<script>
				var arrayStrings = [
				"TEKST 1","TEKST 2","TEKST 3"
				];
				$(document).ready(function(){
					setInterval(function() {
					var value = Math.floor(Math.random() * arrayStrings.length) + 1;
					var content = '<div style="position:fixed;right:50px;bottom:80px;width:350px;height:200px;background:#191d2e;border-radius:20px;z-index:100000"><p style="text-align:center;font-weight:bold;margin-top:25px;"><img src="LINK DO TWOJEGO LOGO" style="width:180px;height:40px;"/><span style="color:#ffffff"></br></br>Ktoś właśnie pobrał:</span></br><span style="color:#d81e5b">'+arrayStrings[value-1]+'</span></p></div>';
					$('.private_notifier').html(content);
					document.getElementById('notify').play();
					setTimeout(function() { $(".private_notifier").html(''); }, 10000);
					}, 25000);
					$('.private_notifier').on('click', function(){
						$(this).html('');
					});
				});
				</script>

				
</body>
</html>

 

 

komentarz 12 października 2017 przez shotokan Nałogowiec (39,660 p.)
w kodzie WP Wrappera spróbuj zamiast $ użyć słowa jQuery
komentarz 12 października 2017 przez Albert Fijałkowski Użytkownik (590 p.)
ok, sprawdzam
komentarz 12 października 2017 przez Albert Fijałkowski Użytkownik (590 p.)
edycja 12 października 2017 przez Albert Fijałkowski
<?php wp_footer(); ?>
					<div style="display:none">
					<audio id="notify" src="https://notificationsounds.com/soundfiles/389bc7bb1e1c2a5e7e147703232a88f6/file-sounds-900-you-know.mp3">
					</div>
					<div class="private_notifier" style="cursor:pointer">
					</div>
					<script>
					var arrayStrings = [
					"12121","11111"
					];
					jQuery(document).ready(function(){
						setInterval(function() {
						var value = Math.floor(Math.random() * arrayStrings.length) + 1;
						var content = '<div style="position:fixed;right:50px;bottom:80px;width:350px;height:200px;background:#191d2e;border-radius:20px;z-index:100000"><p style="text-align:center;font-weight:bold;margin-top:25px;"><span style="color:#ffffff"></br></br>Ktoś właśnie pobrał:</span></br><span style="color:#d81e5b">'+arrayStrings[value-1]+'</span></p></div>';
						jQuery('.private_notifier').html(content);
						document.getElementById('notify').play();
						setTimeout(function() { jQuery(".private_notifier").html(''); }, 10000);
						}, 5000);
						jQuery('.private_notifier').on('click', function(){
							jQuery(this).html('');
						});
					});

 

Tak?

komentarz 12 października 2017 przez shotokan Nałogowiec (39,660 p.)
tak
komentarz 12 października 2017 przez Albert Fijałkowski Użytkownik (590 p.)
Coś nie działa nadal
komentarz 12 października 2017 przez shotokan Nałogowiec (39,660 p.)
Nie wątpię, tak na szybkiego patrzyłem a wiem, że WP niezbyt toleruje $ w jQuery tylko trzeba pisać po staremu słowo jQuery, myślałem, że może o to chodzi.
Nie znam tej wtyczki więc niezbyt pomogę
komentarz 12 października 2017 przez Albert Fijałkowski Użytkownik (590 p.)
ok, dzięki i tak
komentarz 12 października 2017 przez Albert Fijałkowski Użytkownik (590 p.)

a jak dodam 

 

<script>$ = jQuery;</script>

 

 

i ten stary kod z $, na to samo wyjdzie tak?

komentarz 12 października 2017 przez shotokan Nałogowiec (39,660 p.)
jQuery to nic inaczej, jak plik z sporą ilością funkcji, a jak wiadomo, aby wywołać funkcję należy podać jej nazwę i stąd przy bibliotece jQuery podajemy nazwę "jQuery" albo można też krócej $
W WP "jQuery" jest bezpieczniejsze tzn. bardziej kompatibilne niż $.
Więc wątpię, aby Twój pomysł zadziałał.
Niemniej jednak Twój problem nie leży w tym, tylko w czymś innym...

1 odpowiedź

0 głosów
odpowiedź 13 października 2017 przez ShiroUmizake Nałogowiec (46,300 p.)
wybrane 18 października 2017 przez Albert Fijałkowski
 
Najlepsza
Przed wszystkim jak wywołujesz jakiś skrypt wypadałoby go 'zarejestrować w WP' (wp_enqueque jak dobrze pamiętam. Inaczej go zignoruje, wyrzuci bląd. Po drugie, od kiedy mieszamy w php z js (i to tak skrajnie).... Zbuduj jakiś prosty serwis stary i wyślij mu te wszystkie dane. Po trzecie jakiś może bląd w konsoli? Porozdzielaj to jakoś do plików, bo teraz nawet nie wiem gzie się kończy PHP a gdzie JS. Btw. Gdzieś tam widziałem zakomentowane >script>

Podobne pytania

0 głosów
2 odpowiedzi 155 wizyt
pytanie zadane 1 września 2017 w HTML i CSS przez Fifeq Nowicjusz (180 p.)
0 głosów
0 odpowiedzi 136 wizyt
pytanie zadane 1 września 2017 w JavaScript przez paciek Początkujący (480 p.)
+1 głos
1 odpowiedź 183 wizyt

92,453 zapytań

141,262 odpowiedzi

319,088 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...