Пробую дописать яваскриптовую проверку при создании новой темы. При проверке в простом html - все работает без проблем, а вот при вставке в форум появляется одна БОЛЬШАЯ проблема - после выскакивания окна с сообщением о ошибке - загрузка продолжается. return false Не помогает

sanika добавил 09.01.2013 в 00:46
например в шаблоне newthread на кнопку "Новая тема" ставлю
onClick"img()"

ну и функция
function img()
{
alert('test');
return false;
}

Алерт выскакивает а загрузка продолжается. Как ее остановить?

Что-то мне подсказывает что все дело в обработчике формы

onsubmit="return vB_Editor['$editorid'].prepare_submit(this.subject.value, $vboptions[postminchars])", может кто-то знает как с этим бороться?

onClick="img(); return false;"

Уже понял и и сделал вот так

<script type="text/javascript">
function img()
{
alert('обрабатываю картинку');
return false;
}

function img2()
{
alert('продолжается основная загрузка');
return true;
}
</script>


<form onsubmit="return img2()">
<button type="submit" onclick="return img()">send</button>
</form>

Все работает так как надо обрабатывается первая функция и не пускает во вторую. Но когда цепляю требуемую обработку (проверяю ширину загружаемой картинки которая потом используется как превью для темы) onsubmit срабатывает быстрее чем onclick. Как тут бороться?

<script type="text/javascript">
function img()
{
str = document.getElementById('mainimg').value;
var img=new Image();
img.src=str;
//1
img.onload=function () {
//2
if((img.width)<610)	{
alert('Картинка слишком маленькая');
return false;
}else
{
return true;
}
//2
}
//1
}

function img2()
{
alert('продолжается основная загрузка');
return true;
}
</script>


<form onsubmit="return img2()">
картинка
<input name="mainimg" type="text" id="mainimg" value="http://img.rebill.me/images/2013/01/08/h7ev.jpg" size="60"/>
<br />

<button type="submit" onclick="return img()">send</button>
</form>

Или тут надо лишь встраиваться в img2()?

Сформулируйте словесно задачу. = )

Originally Posted by OldEr

Сформулируйте словесно задачу

да собсно не так сложно =)
к ответу в теме прикручено доп. поле для картинки, когда узер создает тему, это поле должно быть обязательно заполнено и там должна быть картинка определенных размеров
размеры проверяются в скрипте, как и заполненность поля
так вот нужно повесить обработчик, что бы не давал создать тему если поле не заполнено и/или картинка не соответствет условиям
на сколько я понял, не получается остановить выполнение скрипта (отправку формы), если форма отправлена с неверными или пустыми данными
==
можно (и даже нужно) повесить проверку не только в яваскрипте, но и в пхп, т.к. узер может просто отключить яваскрипт в браузере

Керк, полностью описал задачу. до PHP пока очередь не дошла но там, вроде, проще - getimagesize() работает. а вот с javascript не могу разобраться

Originally Posted by sanika

но там, вроде, проще - getimagesize() работает

так отправляй запрос аяксом в пхп, проверяй картинку и в ответе сервера уже можешь пихнуть что угодно, а не только алерт

та не - задача проверитьпри нажатии на кнопку, а для этого все равно надо яваскриптом передать данные в пхп, получить ответ и лишь тогда продолжить или остановть работу. ИМХО это уже перебор. Пробую с яваскриптом разобратся, но пока никак. Сложность в том что пока грузится картинка img.onload успевает запустится onsubmit формы и уже плевать на результат проверки - процесс пошел дальше.

Т.е. поставленная задача - пока не выдастся результат с шириной картинки - загрузку не продолжать.

Оффтоп

И все это только для работы в ХРОМЕ - во всех остальных браузерах параметр ширины ловится на лету, не дожидаясь кеширования картинки

Originally Posted by kerk

да собсно не так сложно =)

Да я ж не спорю, приблизительно так и представлял, но лучше лишний раз уточнить. = )

Я бы представил себе это так. Первым делом деактировать кнопку отправки сообщения, пока не было проверено поле с картинкой, вне зависимости заполнено или нет. Если проверка пройдена успешно, то запретить редактировать поле для картинки и активировать кнопку отправки сообщения. Ну и разумеется проверка на стороне сервера (PHP) нужна в любом случае, так как все то что на JS это скорее для удобства юзера, а все проверки бесполезны. Ну и само собой, желательно проверять не отключен ли JS в браузере, или деактировать кнопку отправки непосредственно на JS.

т.е. проверять сразу после того как внесен урл картинки? не дожидаясь нажатия кнопки?

sanika добавил 11.01.2013 в 00:39
Спасибо за совет так и сделал.