rych54

Cześć. Mam napisany formularz kontaktowy jednak nie podoba mi się to, że jako zabezpieczenie antyspamowe jest podawanie wyniku. Czy da to się jakoś obejść? W załączniku pliki formularza. Z góry dzięki za pomoc formularz.zip

Dzięki bardzo! Działa teraz fajowsko!

Nie rozumiem. Nie ogarniam jeszcze js więc mam z tym problem. Mógłbyś mi to wstawić w ten kod?

Nie wiem czy oto chodziło z plikiem main.js /** * main.js * http://www.codrops.com * * Licensed under the MIT license. * http://www.opensource.org/licenses/mit-license.php * * Copyright 2014, Codrops * http://www.codrops.com */ (function() { var support = { animations : Modernizr.cssanimations }, container = document.getElementById( 'ip-container' ), header = container.querySelector( 'header.ip-header' ), loader = new PathLoader( document.getElementById( 'ip-loader-circle' ) ), animEndEventNames = { 'WebkitAnimation' : 'webkitAnimationEnd', 'OAnimation' : 'oAnimationEnd', 'msAnimation' : 'MSAnimationEnd', 'animation' : 'animationend' }, // animation end event name animEndEventName = animEndEventNames[ Modernizr.prefixed( 'animation' ) ]; function init() { var onEndInitialAnimation = function() { if( support.animations ) { this.removeEventListener( animEndEventName, onEndInitialAnimation ); } startLoading(); }; function noscroll() { window.scrollTo( 0, 0 ); } // initial animation classie.add( container, 'loading' ); if( support.animations ) { container.addEventListener( animEndEventName, onEndInitialAnimation ); } else { onEndInitialAnimation(); } } function startLoading() { // simulate loading something.. var simulationFn = function(instance) { var progress = 0, interval = setInterval( function() { progress = Math.min( progress + Math.random() * 0.1, 1 ); instance.setProgress( progress ); // reached the end if( progress === 1 ) { classie.remove( container, 'loading' ); classie.add( container, 'loaded' ); clearInterval( interval ); var onEndHeaderAnimation = function(ev) { if( support.animations ) { if( ev.target !== header ) return; this.removeEventListener( animEndEventName, onEndHeaderAnimation ); } classie.add( document.body, 'layout-switch' ); window.removeEventListener( 'scroll', noscroll ); }; if( support.animations ) { header.addEventListener( animEndEventName, onEndHeaderAnimation ); } else { onEndHeaderAnimation(); } } }, 80 ); }; loader.setProgressFn( simulationFn ); } function noscroll() { window.scrollTo( 0, 0 ); } init(); })();

Ok super już jest prawie dobrze tylko czy da się tak zrobić aby po załadowaniu preloadera pokazywała się od razu sekcja np. O nas, Usługi itp a nie od samej góry przejeżdżało? Bo teraz wygląda to tak: http://krzysztofswitala.com/axirnew/gale.html

Niestety nie działa

Cześć. Mam problem. Stworzyłem stronę: http://krzysztofswitala.com/axirnew/gale.html i gdy chce z tej podstrony wrócić do np. sekcji kontakt na stronie głównej to przenosi mnie cały na samą górę strony. Wiem już, że problem jest z preloaderem i do pliku main.js trzeba dodać kod jQuery('html, body').animate({ scrollTop: jQuery(location.hash).offset().top }, 2000); Tylko mam problem bo nie wiem, w którym miejscu dodać ten fragment aby wszystko działało poprawnie. Z góry dzięki za pomoc. main.js /** * main.js * http://www.codrops.com * * Licensed under the MIT license. * http://www.opensource.org/licenses/mit-license.php * * Copyright 2014, Codrops * http://www.codrops.com */ (function() { var support = { animations : Modernizr.cssanimations }, container = document.getElementById( 'ip-container' ), header = container.querySelector( 'header.ip-header' ), loader = new PathLoader( document.getElementById( 'ip-loader-circle' ) ), animEndEventNames = { 'WebkitAnimation' : 'webkitAnimationEnd', 'OAnimation' : 'oAnimationEnd', 'msAnimation' : 'MSAnimationEnd', 'animation' : 'animationend' }, // animation end event name animEndEventName = animEndEventNames[ Modernizr.prefixed( 'animation' ) ]; function init() { var onEndInitialAnimation = function() { if( support.animations ) { this.removeEventListener( animEndEventName, onEndInitialAnimation ); } startLoading(); }; // disable scrolling window.addEventListener( 'scroll', noscroll ); // initial animation classie.add( container, 'loading' ); if( support.animations ) { container.addEventListener( animEndEventName, onEndInitialAnimation ); } else { onEndInitialAnimation(); } } function startLoading() { // simulate loading something.. var simulationFn = function(instance) { var progress = 0, interval = setInterval( function() { progress = Math.min( progress + Math.random() * 0.1, 1 ); instance.setProgress( progress ); // reached the end if( progress === 1 ) { classie.remove( container, 'loading' ); classie.add( container, 'loaded' ); clearInterval( interval ); var onEndHeaderAnimation = function(ev) { if( support.animations ) { if( ev.target !== header ) return; this.removeEventListener( animEndEventName, onEndHeaderAnimation ); } classie.add( document.body, 'layout-switch' ); window.removeEventListener( 'scroll', noscroll ); }; if( support.animations ) { header.addEventListener( animEndEventName, onEndHeaderAnimation ); } else { onEndHeaderAnimation(); } } }, 80 ); }; loader.setProgressFn( simulationFn ); } function noscroll() { window.scrollTo( 0, 0 ); } init(); })();

Działa dzięki!

Cześć. Mam formularz kontaktowy, którego kod poniżej chciałbym aby po przyjściu wiadomość na email zamiast "Wiadomość ze strony internetowej" wyświetlały się te elementy: contact_name , contact_service. W jaki sposób mam to zapisać aby wszystko działało poprawnie? $mail->Subject = 'Wiadomość ze strony internetowej'; chciałbym aby po przyjściu wiadomość na email zamiast "Wiadomość ze strony internetowej" wyświetlały się te elementy: contact_name , contact_service <?php require_once 'class.phpmailer.php'; $_POST = array_map('trim', $_POST); $error = false; if (!isset($_POST['contact_name']) || empty($_POST['contact_name'])) { $error = true; } if (!isset($_POST['contact_email']) || empty($_POST['contact_email']) || !PHPMailer::ValidateAddress($_POST['contact_email'])) { $error = true; } if (!isset($_POST['contact_phone']) || empty($_POST['contact_phone'])) { $error = true; } if (!isset($_POST['contact_service']) || empty($_POST['contact_service'])) { $error = true; } if (!isset($_POST['contact_body']) || empty($_POST['contact_body'])) { $error = true; } if ($error) { exit('nok'); } $mail = new PHPMailer(); $mail->CharSet = 'UTF-8'; $mail->SetFrom($_POST['contact_email'], $_POST['contact_name']); $mail->AddAddress('kontakt@adres.com'); $mail->Subject = 'Wiadomość ze strony internetowej'; $mail->Body = $_POST['contact_body']; $mail->SetFrom($login, $_POST['contact_name']); $mail->AddAddress($email); $mail->Subject = 'Wiadomość ze strony internetowej'; $mail->Body = $_POST['contact_body'] . "\n\nImię i Nazwisko: " . $_POST['contact_name'] . "\n\nE-mail: " . $_POST['contact_email'] . "\n\nTelefon: " . $_POST['contact_phone'] . "\n\nUsługa: " . $_POST['contact_service']; if (!$mail->Send()) { exit('nok'); } exit('ok');

Cześć. Mam problem z mapą Google. Mianowicie za pomocą .fadeIn zrobiłem aby po kliknięciu na adres wyświetliła się mapa w topie strony. Skrypt wydaję mi się, że działa poprawnie, lecz mapa wyświetla się w ten sposób: Błąd leży chyba po stronie Css ponieważ dla mapy w kodzie mam "display: none" Czy ktoś wie z czym to może być problem? Kod odpowiedzialny za adresy: <div class="foto-contact"><div id="map"></div></div> <section class="branch"> <div class="container"> <div id="map-side-bar"> <div class="row"> <div class="col-md-3"> <div class="map-location" data-jmapping="{id: 1, point: {lng: 2.632177, lat: 48.826631}, category: 'company'}"> <a href="#" class="map-link"> <address> <strong>ATE CROISSY-BEAUBOURG</strong><br> 5, rue Pelloutier<br> 77183 CROISSY-BEAUBOURG<br> Tél: 09 63 62 74 34<br> <a href="mailto:ateidf@orange.fr">ateidf@orange.fr</a> </address> </a> <div class="info-box"> <p>A great place to get all your groceries, especially fresh fruits and vegetables.</p> </div> </div> </div> <div class="col-md-3"> <div class="map-location" data-jmapping="{id: 2, point: {lng: 5.653325, lat: 45.536604}, category: 'company'}"> <a href="#" class="map-link"> <address> <strong>SIEGE SOCIAL ATE</strong><br> 61 bis, Avenue de la Folatiére<br> 38480 PONT DE BEAUVOISIN<br> Tél: 04 76 32 82 22<br> <a href="mailto:atepont@wanadoo.fr">atepont@wanadoo.fr</a> </address> </a> <div class="info-box"> <p>A great place to get all your groceries, especially fresh fruits and vegetables.</p> </div> </div> </div> <div class="col-md-3"> <div class="map-location" data-jmapping="{id: 3, point: {lng: 5.628112, lat: 43.295388}, category: 'company'}"> <a href="#" class="map-link"> <address> <strong>AGENCE SUD</strong><br> 380, av. du Garlaban - PA de Gemenos, 13420 GEMENOS<br> Tél: 04 42 08 08 30<br> <a href="mailto:atesud@wanadoo.fr">atesud@wanadoo.fr</a> </address> </a> <div class="info-box"> <p>A great place to get all your groceries, especially fresh fruits and vegetables.</p> </div> </div> </div> <div class="col-md-3"> <address> <strong>Antene technique<br> NANCY</strong><br> Tél: 06 43 72 80 85<br> </address> </div> </div> <div class="row"> <div class="col-md-3"> <address> <strong>Antene technique<br> STRASBOURG</strong><br> Tél: 06 38 81 70 50<br> </address> </div> <div class="col-md-3"> <address> <strong>Antene technique<br> NANTES</strong><br> Tél: 06 16 53 10 22<br> </address> </div> <div class="col-md-3"> <address> <strong>Antene technique<br> TARBES</strong><br> Tél: 06 31 58 51 34<br> </address> </div> </div> </div> </div> Skrypty <script src="js/bootstrap.min.js"></script> <script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.5&sensor=false"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> <script type="text/javascript" src="js/markermanager.js"></script> <script type="text/javascript" src="js/StyledMarker.js"></script> <script type="text/javascript" src="js/jquery.metadata.js"></script> <script type="text/javascript" src="js/jquery.jmapping.js"></script> <script> $(document).ready(function(){ $(".map-link").click(function(){ $("#map").fadeIn("fast"); }); }); </script> <script type="text/javascript"> $(document).ready(function(){ $('#map').jMapping({ map_config: { navigationControlOptions: { style: google.maps.NavigationControlStyle.DEFAULT }, mapTypeId: google.maps.MapTypeId.ROADMAP, styles: [{featureType:"landscape",stylers:[{saturation:-100},{lightness:65},{visibility:"on"}]},{featureType:"poi",stylers:[{saturation:-100},{lightness:51},{visibility:"simplified"}]},{featureType:"road.highway",stylers:[{saturation:-100},{visibility:"simplified"}]},{featureType:"road.arterial",stylers:[{saturation:-100},{lightness:30},{visibility:"on"}]},{featureType:"road.local",stylers:[{saturation:-100},{lightness:40},{visibility:"on"}]},{featureType:"transit",stylers:[{saturation:-100},{visibility:"simplified"}]},{featureType:"administrative.province",stylers:[{visibility:"off"}]/**/},{featureType:"administrative.locality",stylers:[{visibility:"off"}]},{featureType:"administrative.neighborhood",stylers:[{visibility:"on"}]/**/},{featureType:"water",elementType:"labels",stylers:[{visibility:"on"},{lightness:-25},{saturation:-100}]},{featureType:"water",elementType:"geometry",stylers:[{hue:"#ffff00"},{lightness:-25},{saturation:-97}]}] } }); }); </script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script type="text/javascript"> //Add Hover effect to menus jQuery('ul.nav li.dropdown').hover(function() { jQuery(this).find('.dropdown-menu').stop(true, true).delay(50).fadeIn(); }, function() { jQuery(this).find('.dropdown-menu').stop(true, true).delay(50).fadeOut(); }); </script>

A pomożesz mi coś takiego zrobić? Rozumiem, że najpierw do body muszę dodać: style="opacity: 1;" a potem coś zrobić aby zmniejszało po kliknięciu opacity do 0 tylko jak to zrobić?

Cześć. Czy wie ktoś jak zrobić taki efekt przejść między podstronami jak tutaj: http://plej.pl/ że tło się zmienia delikatnie na białe i ładuję inna podstronę. Czy można to zrobić w css czy lepiej ograć w js?

Działa pięknie! Dziękuję

Rozumiem, że wszystkie klasy css z pliku animate.css wrzucić w: @media all and (max-width: 1000px) and (min-width: 700px) { }

Witam. Stworzyłem stronę i skupiłem się trochę na animacji używając przy jej tworzeniu animate.css . Wszystko fajnie, animacja działa tylko chciałbym ją wyłączyć ja telefonach. Napisałem taki skrypt który mi dorzuca klasy do divów wp1, customer1 - customer5 . Chciałbym zrobić tak aby na rozdzielczości smartphona ten skrypt nie dopisywał mi tych klas. Czy ma ktoś pomysł jak to obejść ? $(document).ready(function() { $('.wp1').waypoint(function() { $('.wp1').addClass('animated fadeInLeft'); }, { offset: '75%' }); $('.customer1').waypoint(function() { $('.customer1').addClass('animated fadeInUp'); }, { offset: '55%' }); $('.customer2').waypoint(function() { $('.customer2').addClass('animated fadeInUp'); }, { offset: '55%' }); $('.customer3').waypoint(function() { $('.customer3').addClass('animated fadeInUp'); }, { offset: '55%' }); $(' .customer4').waypoint(function() { $(' .customer4').addClass('animated fadeInUp'); }, { offset: '55%' }); $(' .customer5').waypoint(function() { $(' .customer5').addClass('animated fadeInUp'); }, { offset: '55%' }); });