Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > Общие вопросы Web
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 03.04.2017, 12:25   #1
Валентин3332
Пользователь
 
Регистрация: 31.03.2017
Сообщений: 12
Восклицание Конфликтует скрипт на сайте

iQwery magnifier конфликтует с формой, из-за чего она не работает, не разбираюсь в java подскажите как устранить эту проблемму что исправить ? Спасибо!
Код формы:
Код HTML:
<h2>ОСТАВИТЬ ЗАЯВКУ</h2>

                        

                        	<form action="js/frm.php" id="submitForm" method="post">

                            

                            	<div class="jx-newsletter-box">

                                <input type="text" name="jx-newsltter-name" placeholder="Ваше имя" value=""  />

                                </div>

                                

                                <div class="jx-newsletter-box">

                                <input type="text" name="jx-newsltter-email" placeholder="Ваш телефон" value="" />

                                </div>

                                

                                <div class="jx-newsletter-submit">

                                <input type="submit" name="jx-newsltter-submit" value="GO" />

                                </div>

                                

                                

                            	

                            </form>
Код php:
PHP код:
<?php

function screening$str ) {
    
$str trim$str );
    
$str stripslashes$str );
    
$str htmlspecialchars$str );

    return 
$str;
}


$name  $_POST['jx-newsltter-name'];
$email $_POST['jx-newsltter-email'];

$name  screening$name );
$email screening$email );

if ( empty( 
$name ) ) {
    
$err[] = 'Введите ваше имя!';
}
if ( empty( 
$email ) ) {
    
$err[] = 'Введите ваш e-mail!';
}

$to      "valentinchuev@yandex.ru";
$headers "From: " $name " <valentinchuev@yandex.ru>\r\n";
$headers .= "Reply-To: " $email "\r\n";

if ( empty( 
$err ) ) {

    
mail$to"Заявка с ZEUS-stroy""Имя:" $name ". Номер: " $email$headers );
    echo 
"Ваше заявка принята! Ожидайте нашего звонка.";
}
else {
    echo 
implode'<br />'$err );

}
Валентин3332 вне форума Ответить с цитированием
Старый 03.04.2017, 12:25   #2
Валентин3332
Пользователь
 
Регистрация: 31.03.2017
Сообщений: 12
По умолчанию

iQwery Magnifier
PHP код:
/* jQuery Image Magnify script v1.1
* This notice must stay intact for usage 
* Author: Dynamic Drive at http://www.dynamicdrive.com/
* Visit http://www.dynamicdrive.com/ for full source code

* Nov 16th, 09 (v1.1): Adds ability to dynamically apply/reapply magnify effect to an image, plus magnify to a specific width in pixels.
* Feb 8th, 11 (v1.11): Fixed bug that caused script to not work in newever versions of jQuery (ie: v1.4.4)
*/

jQuery.noConflict()

jQuery.imageMagnify={
    
dsettings: {
        
magnifyby3//default increase factor of enlarged image
        
duration500//default duration of animation, in millisec
        
imgopacity0.2 //opacify of original image when enlarged image overlays it
     
},
    
cursorcss'url(magnify.cur), -moz-zoom-in'//Value for CSS's 'cursor' attribute, added to original image
    
zIndexcounter100,

    
refreshoffsets:function($window$targetwarpshell){
        var 
$offsets=$target.offset()
        var 
winattrs={x:$window.scrollLeft(), y:$window.scrollTop(), w:$window.width(), h:$window.height()}
        
warpshell.attrs.x=$offsets.left //update x position of original image relative to page
        
warpshell.attrs.y=$offsets.top
        warpshell
.newattrs.x=winattrs.x+winattrs.w/2-warpshell.newattrs.w/2
        warpshell
.newattrs.y=winattrs.y+winattrs.h/2-warpshell.newattrs.h/2
        
if (warpshell.newattrs.x<winattrs.x+5){ //no space to the left?
            
warpshell.newattrs.x=winattrs.x+5    
        
}
        else if (
warpshell.newattrs.x+warpshell.newattrs.winattrs.x+winattrs.w){//no space to the right?
            
warpshell.newattrs.x=winattrs.x+5
        
}
        if (
warpshell.newattrs.y<winattrs.y+5){ //no space at the top?
            
warpshell.newattrs.y=winattrs.y+5
        
}
    },

    
magnify:function($, $targetoptions){
        var 
setting={} //create blank object to store combined settings
        
var setting=jQuery.extend(settingthis.dsettingsoptions)
        var 
attrs=(options.thumbdimensions)? {w:options.thumbdimensions[0], h:options.thumbdimensions[1]} : {w:$target.outerWidth(), h:$target.outerHeight()}
        var 
newattrs={}
        
newattrs.w=(setting.magnifyto)? setting.magnifyto Math.round(attrs.w*setting.magnifyby)
        
newattrs.h=(setting.magnifyto)? Math.round(attrs.h*newattrs.w/attrs.w) : Math.round(attrs.h*setting.magnifyby)
        
$target.css('cursor'jQuery.imageMagnify.cursorcss)
        if (
$target.data('imgshell')){
            
$target.data('imgshell').$clone.remove()
            
$target.css({opacity:1}).unbind('click.magnify')
        }    
        var 
$clone=$target.clone().css({position:'absolute'left:0top:0visibility:'hidden'border:'1px solid gray'cursor:'pointer'}).appendTo(document.body)
        
$clone.data('$relatedtarget'$target//save $target image this enlarged image is associated with
        
$target.data('imgshell', {$clone:$cloneattrs:attrsnewattrs:newattrs})
        
$target.bind('click.magnify', function(e){ //action when original image is clicked on
            
var $this=$(this).css({opacity:setting.imgopacity})
            var 
imageinfo=$this.data('imgshell')
            
jQuery.imageMagnify.refreshoffsets($(window), $thisimageinfo//refresh offset positions of original and warped images
            
var $clone=imageinfo.$clone
            $clone
.stop().css({zIndex:++jQuery.imageMagnify.zIndexcounterleft:imageinfo.attrs.xtop:imageinfo.attrs.ywidth:imageinfo.attrs.wheight:imageinfo.attrs.hopacity:0visibility:'visible'display:'block'})
            .
animate({opacity:1left:imageinfo.newattrs.xtop:imageinfo.newattrs.ywidth:imageinfo.newattrs.wheight:imageinfo.newattrs.h}, setting.duration,
            function(){ 
//callback function after warping is complete
                //none added        
            
}) //end animate
        
}) //end click
        
$clone.click(function(e){ //action when magnified image is clicked on
            
var $this=$(this)
            var 
imageinfo=$this.data('$relatedtarget').data('imgshell')
            
jQuery.imageMagnify.refreshoffsets($(window), $this.data('$relatedtarget'), imageinfo//refresh offset positions of original and warped images
            
$this.stop().animate({opacity:0left:imageinfo.attrs.xtop:imageinfo.attrs.ywidth:imageinfo.attrs.wheight:imageinfo.attrs.h},  setting.duration,
            function(){
                
$this.hide()
                
$this.data('$relatedtarget').css({opacity:1}) //reveal original image
            
}) //end animate
        
}) //end click
    
}
};

jQuery.fn.imageMagnify=function(options){
    var $=
jQuery
    
return this.each(function(){ //return jQuery obj
        
var $imgref=$(this)
        if (
this.tagName!="IMG")
            return 
true //skip to next matched element
        
if (parseInt($imgref.css('width'))>&& parseInt($imgref.css('height'))>|| options.thumbdimensions){ //if image has explicit width/height attrs defined
            
jQuery.imageMagnify.magnify($, $imgrefoptions)
        }
        else if (
this.complete){ //account for IE not firing image.onload
            
jQuery.imageMagnify.magnify($, $imgrefoptions)
        }
        else{
            $(
this).bind('load', function(){
                
jQuery.imageMagnify.magnify($, $imgrefoptions)
            })
        }
    })
};

jQuery.fn.applyMagnifier=function(options){ //dynamic version of imageMagnify() to apply magnify effect to an image dynamically
    
var $=jQuery
    
return this.each(function(){ //return jQuery obj
        
var $imgref=$(this)
        if (
this.tagName!="IMG")
            return 
true //skip to next matched element
        
    
})    

};


//** The following applies the magnify effect to images with class="magnify" and optional "data-magnifyby" and "data-magnifyduration" attrs
//** It also looks for links with attr rel="magnify[targetimageid]" and makes them togglers for that image

jQuery(document).ready(function($){
    var 
$targets=$('.magnify')
    
$targets.each(function(i){
        var 
$target=$(this)
        var 
options={}
        if (
$target.attr('data-magnifyto'))
            
options.magnifyto=parseFloat($target.attr('data-magnifyto'))
        if (
$target.attr('data-magnifyby'))
            
options.magnifyby=parseFloat($target.attr('data-magnifyby'))
        if (
$target.attr('data-magnifyduration'))
            
options.duration=parseInt($target.attr('data-magnifyduration'))
        
$target.imageMagnify(options)
    })
    var 
$triggers=$('a[rel^="magnify["]')
    
$triggers.each(function(i){
        var 
$trigger=$(this)
        var 
targetid=$trigger.attr('rel').match(/\[.+\]/)[0].replace(/[\[\]']/g, '') //parse 'id' from rel='magnify[id]'
        $trigger.data('
magnifyimageid', targetid)
        $trigger.click(function(e){
            $('
##'+$(this).data('magnifyimageid')).trigger('click.magnify')
            
e.preventDefault()
        })
    })
}) 

Последний раз редактировалось Валентин3332; 03.04.2017 в 12:29.
Валентин3332 вне форума Ответить с цитированием
Старый 03.04.2017, 12:41   #3
Alex11223
Старожил
 
Аватар для Alex11223
 
Регистрация: 12.01.2011
Сообщений: 19,500
По умолчанию

Цитата:
Сообщение от Валентин3332 Посмотреть сообщение
не разбираюсь в java подскажите как устранить эту проблемму что исправить ?
Нанять того, кто разбирается. Только в JS, а не Java.

Вряд ли вам кто-то сможет помочь только по этим кускам кода + неинтересно помогать когда человек не заинтересован в изучении (и даже с 5 попытки не смог правильно написать имя Джейка Вэри), это уже называется не "помочь", а "поработать бесплатно".
Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223
ЛС отключены Аларом.
Alex11223 вне форума Ответить с цитированием
Старый 03.04.2017, 14:18   #4
Валентин3332
Пользователь
 
Регистрация: 31.03.2017
Сообщений: 12
Радость

Цитата:
Сообщение от Alex11223 Посмотреть сообщение
Нанять того, кто разбирается. Только в JS, а не Java.

Вряд ли вам кто-то сможет помочь только по этим кускам кода + неинтересно помогать когда человек не заинтересован в изучении (и даже с 5 попытки не смог правильно написать имя Джейка Вэри), это уже называется не "помочь", а "поработать бесплатно".
Вы правы я готов вам заплатить, не разбираюсь но учится надо, что требуется с моей стороны ? Спасибо
Валентин3332 вне форума Ответить с цитированием
Старый 03.04.2017, 14:28   #5
Alex11223
Старожил
 
Аватар для Alex11223
 
Регистрация: 12.01.2011
Сообщений: 19,500
По умолчанию

Я не предлагал свои услуги, ищите в разделе Фриланс.

А для обучения есть куча материалов, например http://www.programmersforum.ru/showt...6921#post36077
Про отладку
http://learn.javascript.ru/devtools
http://learn.javascript.ru/debugging-chrome
http://phpfaq.ru/debug
Ушел с форума, https://www.programmersforum.rocks, alex.pantec@gmail.com, https://github.com/AlexP11223
ЛС отключены Аларом.
Alex11223 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как реализовать подобный скрипт на сайте? Андрей4 JavaScript, Ajax 1 29.05.2015 12:50
Скрипт-сборщик логинов юзеров ВК на сайте Yevgeniya1979 Фриланс 6 08.05.2015 07:57
Скрипт опроса на сайте. logstar PHP 4 16.09.2012 10:25
некоректно работает скрипт опроса на сайте logstar PHP 4 06.02.2011 17:31
Скрипт, двигающий все картинки на сайте igroman JavaScript, Ajax 7 23.07.2009 21:24