расширение Xoopsform

[HDMan]

Может кто знает js расширение для xoopsform которые позволяют создавать мультиинпут поля, автоматически выделять поля обязательные для заполнения, используют маску ввода и т.д. предлагаю обсудить кому что не хватает в XOOPSFORM

может нам объединить свои разработки.

[Shurik2k5]

Здесь есть все что вам требуется, только это не xoopsform а rlcform.

[HDMan]

Сообщение от Shurik2k5 Здесь есть все что вам требуется, только это не xoopsform а rlcform.

Это совсем не то что я хотел.
на базе одного класа сделать другой не проблема. я хочу обратной совместимости.
короче работу потихоньку сам начал.
из задумоного:
- Мультиинпут. (возможность введения неограниченого количества полей.) рядом с полем input появляется плюсик при нажатии на который появляется еще одно такоеще поле. (напрмер если у меня есть поле телефон. то пользователь может ввести сколько угодно телефонов, или если можно загрузить картинку, то не одну а сколько надо пользователю. )
- ввод текста в поле инпут по маске (пример того-же телефона +#(###)###-##-## )
- автоматическoe выделение полей "Обязательных для заполнения" (не вручную ставить звездочки там где надо. а если поле есть в setRequired то эти поля подсвечиваем темиже здездочками или фоном или кому как надо, а также дизаблим кнопочку субмит до заполнения необходимых полей)
- переделка Required с учетом пункта выше и интелектуальных сообщений (а ни как сейчас alarm c name поля.)

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

зы - Мультиинпут практически сделал

[HDMan]

подскажите может кто знает куда вынести предложение по модификации методов касса xoopsform а именно:
1. ввести параметры Id, Class, Style
2. ввести методы setId, setClass, setStyle, getId, getClass, getStyle
3. а также заменить добавить в formelement.php и form.php

PHP код:

function setName($name) {
        $this->name = $name;
        $this->id = $name;
}

function setId($id) {
        $this->id = $id;
}

function getId() {
        if (isset($this->id)) {
                return $this->id;
        }
}

function setClass($class) {
        $this->class .= " ".$class;
}

function getClass() {
        if (isset($this->class)) {
                return $this->class;
        }
}

function setStyle($style) {
        $this->style.= " ".$style;
}

function getStyle() {
        if (isset($this->style)) {
                return $this->style;
        }
} 


4. соответствующие правки в function render() для генерации id, class, style

[HDMan]

Из сделаного

Сообщение от HDMan - Мультиинпут. (возможность введения неограниченого количества полей.) рядом с полем input появляется плюсик при нажатии на который появляется еще одно такоеще поле. (напрмер если у меня есть поле телефон. то пользователь может ввести сколько угодно телефонов, или если можно загрузить картинку, то не одну а сколько надо пользователю. )

сделано

Сообщение от HDMan - ввод текста в поле инпут по маске (пример того-же телефона +#(###)###-##-## )

сделано

Сообщение от HDMan - автоматическoe выделение полей "Обязательных для заполнения" (не вручную ставить звездочки там где надо. а если поле есть в setRequired то эти поля подсвечиваем темиже здездочками или фоном или кому как надо, а также дизаблим кнопочку субмит до заполнения необходимых полей)

сделано

Сообщение от HDMan - переделка Required с учетом пункта выше и интелектуальных сообщений (а ни как сейчас alarm c name поля.)

сделано но по другому.

результат см тут http://moscowvolvoclub.ru/modules/co...f_contact.html

Просьба потестировать на разных браузерах

если кому-то интересно готов выложить исходники после тестрирования.

[AlexLeonov]

Сообщение от HDMan Просьба потестировать на разных браузерах

Потестировал. Вроде бы нормально в Firefox и Chrome.

Интересный сайтик, только много неудобного, например - библиотека... Я тут S80 T6 как раз купил, так что читаю активно -))

[HDMan]

Сообщение от AlexLeonov Потестировал. Вроде бы нормально в Firefox и Chrome. Интересный сайтик, только много неудобного, например - библиотека... Я тут S80 T6 как раз купил, так что читаю активно -))

Готов учесть ваши замечания и пожалания и не только по работе Xoopsform но и по работе моего сайта (только лучше не здесь а в личку), заодно может "нормального" дизайнера присоветуете.

[HDMan]

Обнаружил баг
- если на странице используется более 1 поля multiinput, то размножается только последнее поле.

ошибка в следуюшем

function multyinputInit() {
allNodes = document.getElementsByClassName("multyinput");
for(i = 0; i < allNodes.length; i++) {
var docvalue = allNodes[i];
var param = docvalue.identify();
var newInput = document.createElement('img')
newInput.setAttribute('src','/images/menu/plus.gif');
newInput.setAttribute('id','my_butt_'+param);
newInput.onclick = function() {multyinput(param,hr);};
new Insertion.After(docvalue,newInput);
}
}

он должен найти на странице все жлементы с классом multyinput и добавить после них img при нажатии на которую происходит вызов функции.

в реале имеем:
что на странице за всеми элементами содержащим класс multyinput вставляется изображение, но они имеют id и onclick как у последнего элемента.

при пошаговом выполнении выяснил что id и onclick элементу присваиваются правильно, но переопределяются при следующем прохождении цикла.

что я делаю не так?

[HDMan]

Протестировалв разных браузерах в разных режимах.
Устранил кучу ошибок связанных с совместимостью JS.

Класс полностью совместим со старйо версией

Выкладываю файл которым необходимо заменить имеющиеся.
просьба протестировать на свежих версиях RUNCMS.
из описания

*************************************************
*************************************************
метод setMask($mask,$defval=false,$rep=" ") - формирует поле  ввода по  маске
$mask - строка вида '***-$$$-###' где в $,#,* обозначают тип и место для ввода символов в шаблон,
$ - любой латинский символ, # - любая цифра, * - либо символ либо символ, либо цифра.
например: $mask для шаблона телефонного номера надо использовать строку '+#(###)###-##-## доб. ####'
$defval - Строка по умолчанию, должна по длине и по структуре совпадать с $mask, только символы замены должны быть заменены на значения по умолчания
например: $defval для шаблона телефонного номера надо использовать строку '+7(   )   -  -   доб.     '
$rep - символ для замены символов шаблона если не задано $defval
для корректно работы достаточно применить метод так $input->setMask("+#(###)###-##-## доб. ####");
**************************************************
добавлена функция которая позволяет создать мультиинпут поля ввода
для создания мультиинпут поля ввода необходимо применить метод setClass('multyinput')
пример: $input->setClass('multyinput');
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
Для получения multy INPUT type=text  рекомендую следующий код:
==GO code==
$tel = $_REQUEST['tel'];
if (is_array($tel)) {
$tel = str_replace("  ", " ", join(", ",array_unique($tel)));
}
$tel = $myts->makeTboxData4Save($tel);
==END code==
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
Для получения multy INPUT type=file  рекомендую следующий код:
==GO code==
include_once(XOOPS_ROOT_PATH."/class/fileupload.php");
$uploadfile = array();
$upload = new fileupload();
$upload->set_upload_dir(XOOPS_ROOT_PATH."/images/", 'photo');
$upload->set_accepted("gif|jpg|jpeg|png|tif", 'photo');
$upload->set_overwrite(1, 'photo');
$result = $upload->upload();
if ($result['photo']){
for( $i=0; $i<count($result['photo']['filenames']);$i++)
$uploadfile[] = $result['photo']['filenames'][$i];
}
$uploadfile =  join("|", $uploadfile);
$uploadfile = $myts->makeTboxData4Save($uploadfile);
==END code==
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

ВНИМАНИЕ
для генерации формы с JS необходимо формы рендерить через метод display();
ну а если без js то можно через render();

[Usama]

Вопрос, в данном моде предусмотрено переименования изображения если оно на русском заливается? просто актуально стало с недавнего времени, а то удобнее клиенту например фотки с русским названием заливать и поумолчанию вставлять в название фотки. Т.е. клиент выбрал допустим файл Встреча выпускников.jpg, для заливки файл переименовывается в транслите, а в название фотки вставляется Встреча выпускников.
Получится очень удобно особенно при мультиимпуте.