• 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

0 głosów
132 wizyt
pytanie zadane 5 dni temu w JavaScript, jQuery, AJAX przez Albert Fijałkowski Użytkownik (540 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 5 dni temu przez shotokan Mądrala (6,870 p.)
w kodzie WP Wrappera spróbuj zamiast $ użyć słowa jQuery
komentarz 5 dni temu przez Albert Fijałkowski Użytkownik (540 p.)
ok, sprawdzam
komentarz 5 dni temu przez Albert Fijałkowski Użytkownik (540 p.)
edycja 5 dni temu 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 5 dni temu przez shotokan Mądrala (6,870 p.)
tak
komentarz 5 dni temu przez Albert Fijałkowski Użytkownik (540 p.)
Coś nie działa nadal
komentarz 5 dni temu przez shotokan Mądrala (6,870 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 5 dni temu przez Albert Fijałkowski Użytkownik (540 p.)
ok, dzięki i tak
komentarz 5 dni temu przez Albert Fijałkowski Użytkownik (540 p.)

a jak dodam 

 

<script>$ = jQuery;</script>

 

 

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

komentarz 5 dni temu przez shotokan Mądrala (6,870 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ź 5 dni temu przez ShiroUmizake Nałogowiec (30,020 p.)
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 53 wizyt
0 głosów
0 odpowiedzi 49 wizyt
pytanie zadane 1 września w JavaScript, jQuery, AJAX przez paciek Początkujący (480 p.)
0 głosów
2 odpowiedzi 74 wizyt

39,655 zapytań

78,028 odpowiedzi

153,336 komentarzy

18,707 pasjonatów

Przeglądających: 153
Pasjonatów: 3 Gości: 150

Motyw:

Akcja Pajacyk

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

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...