Генератор обьявлений

автор Andrey Maestro Октябрь 25th 2012, 03:35

Вообщем задумка такая.Пользователь заполняет форму обьявления и жмет кнопку "подать" и его обьявление автоматом появляется в соответствующей теме или разделе.Вот как тут есть генератор графических заказов,такой мне и нужен yes

Где взять?Как сделать?Очень нужен для дальнейшей работы над форумом,а то все встало и не могу не чего придумать.Без этой функции думаю пользователям тяжело будет разбираться что и куда писать,а тут нажал заполнил форму и готово.Вообщем помогите пожалуйста,очень надо!

автор Andrey Maestro Октябрь 26th 2012, 05:17

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

Код:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="ru" xml:lang="ru"> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> </head> <body> <table class="tbglav" width="100%"> <tr valign="top"> <td colspan="3"> </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> function creanim(lst) { var d=document.getElementById("precise"); if ( lst.selectedIndex==1) d.style.display="block"; else d.style.display="none"; } </script> <script type="text/javascript"> var b1= unescape('%5Bcolor%3Ddarkred%5D%5Bb%5D'); var b2= unescape('%5B/b%5D%5B/color%5D '); function affiche(sel) { var n=1; while ( document.getElementById("d"+n) ) { document.getElementById("d"+n).style.display="none"; n++; } document.getElementById("d"+(sel.selectedIndex+1)).style.display="block"; } function generate() { if($('tr.bad-tr').length==0 || ($('tr.bad-tr').length==1 && $('#choix_animation').attr('value')=='Без' && $('#precise-tr.bad-tr').length==1)) { $('#generated').css({display:'block'}); $('#text_editor_textarea').css({display:'block'}).attr('value',list()); $('#subject').attr('value',document.param.category.options[document.param.category.selectedIndex].innerHTML+' '+$('select#taille_'+get('category')+',#taille_'+get('category')+' input').attr('value')+' для '+get('urlforum').replace(/^(https?:\/\/)?/,'').replace(/(([a-zA-Z0-9-]+\.)?[a-zA-Z0-9-]+\.[a-zA-Z0-9-]+)(\/.*)?$/,'$1')); } else { var emptyE= ($('#choix_animation').attr('value')=='Без' && $('#precise-tr.bad-tr').length==1)?$('tr.bad-tr').length-1:$('tr.bad-tr').length; alert('Вы заполнили не все обязательные поля'); } } function ungen() { $('#generated').css({display:'none'}); $('#text_editor_textarea').attr('value',$('#hello').attr('value')+'\n\n'+$('#text_editor_textarea').attr('value')+'\n\n'+$('#byebye').attr('value')); } function get(name) { return eval('document.param.'+name+'.value'); } function list() { return b1+'Тип заказа :'+b2+document.param.category.options[document.param.category.selectedIndex].innerHTML+'\n'+(get('category')=='theme'?'':b1+'Размер заказа (в пикселях) :'+b2+$('select#taille_'+get('category')+',#taille_'+get('category')+' input').attr('value')+'\n')+b1+'Анимация:'+b2+get('choix_animation')+(get('choix_animation')=='Да'?' : '+get('precise_animation'):'')+'\n'+b1+'Цвет фона :'+b2+($('#hasBackColor').attr('value')?'[i]не указан[/i]':'[color=#'+get('couleur_fond')+']#[/color]'+get('couleur_fond'))+'\n'+b1+'Ссылки на изображения :'+b2+(imagesList()=='[list][/list]'?'[i]не указаны[/i]\n':'\n\n'+ imagesList())+b1+'Текст:'+b2+(get('insert_texte')==''?'[i]не указан[/i]':get('insert_texte'))+'\n'+b1+'Размер шрифта:'+b2+(get('taille_po')==''?'[i]не указано[/i]':get('taille_po')+'px')+'\n'+b1+'Цвет шрифта:'+b2+($('#hasFontColor').attr('value')?'[i]не указано[/i]':'[color=#'+get('couleur_police')+']#[/color]'+get('couleur_police'))+'\n'+b1+'Ссылка на мой форум на Forum2x2:'+b2+get('urlforum')+'\n'+b1+'Дополнительная информация:'+b2+(get('comment')==''?'[i]не указана[/i]\n':'\n\n[li'+'st]'+get('comment')+'[/list]'); } function update_taille() { $('#taille > *').hide();$('#taille_'+get('category')).show(); switch(get('category')) { case 'button': case 'rang': case 'icons': var f=25; break; case 'avatar': case 'sign': var f=26; break; case 'kit': var f=19; break; case 'banner': case 'header': var f=24; break; case 'other': var f=28; } $('#f').attr('value',f); if(f!=27) taillesVerif(); else taillesOK(); } function removeimg(obj) { obj.parent().parent().remove(); update_img(); imagesVerif() } function addimg() { $('#addimage').before('<tr class=image><td class=part></td><td><input style="float:left" type=text onChange="imagesVerif()" /> <div class="previsualise"></div> <div class="remove" onClick="removeimg($(this))"></div><div class="previsuimg"><div></div></div></td></tr>'); $('#addimage').prev().find('.previsualise').hover( function () { $(this).parent().find('.previsuimg').html('<div><img src="'+encodeURI($(this).parent().find('input').attr('value'))+'" /></div>').find('div').css('display','block'); }, function () { $(this).parent().find('.previsuimg div').css('display','none'); } ); imagesVerif(); update_img(); } function update_img() { if($('.image').length<2) $('.image .remove').hide(); else $('.image .remove').show(); } function testUrl(url) { url=url.replace(/^(https?:\/\/)?/,'').replace(/(([a-zA-Z0-9-]+\.)?[a-zA-Z0-9-]+\.[a-zA-Z0-9-]+)(\/.*)?$/,'$1'); readRSS=''; $.getScript('http://'+url+'/rss/get_rss.js',function() { if(typeof(readRSS)=='function') $('#urlforum-tr').removeClass('bad-tr'); else $('#urlforum-tr').addClass('bad-tr');} ); $('#urlforum').attr('value','http://'+url+'/'); } function textVerif(txt,tr) { if(txt.replace(/\s/g,'')!='') $('#'+tr).removeClass('bad-tr'); else $('#'+tr).addClass('bad-tr'); } function chiffreVerif(txt,tr,target) { if(txt.replace(/\s/g,'')!='' && txt.replace(/^\s*[0-9][0-9]?[0-9]?\s*$/,'')=='') $('#'+tr).removeClass('bad-tr'); else $('#'+tr).addClass('bad-tr'); $('#'+target).attr('value',txt.replace(/^\s*([0-9][0-9]?[0-9]?)\s*$/,'$1')); } function imagesVerif() { } function imagesList() { raw= '[li'+'st]'; $('tr.image input').each(function(){ if($(this).attr('value').replace(/^\s$/g,'')!='') raw+='['+'*][url'+']'+$(this).attr('value').replace(/^\s*(.+?)\s*$/g,'$1')+'['+'/url]\n['+'spoiler]['+'img]'+$(this).attr('value').replace(/^\s*(.+?)\s*$/g,'$1')+'[/img][/spoiler]'; }); return raw+'[/list]'; } function taillesVerif() { numb=0; $('#taille span').each(function(){ if($(this).css('display').match(/inline/i)) { saving=$(this); numb++; }}); if(numb==0 || $(saving).find('input').attr('value').match(/^\s*[0-9]+\s*\*\s*[0-9]+\s*$/)) $('#taille-tr').removeClass('bad-tr'); else $('#taille-tr').addClass('bad-tr'); if(numb>0)$(saving).find('input').attr('value',$(saving).find('input').attr('value').replace(/^\s*([0-9]+)\s*\*\s*([0-9]+)\s*$/,'$1*$2')); } function taillesOK() { $('#taille-tr').removeClass('bad-tr'); } function verifyLogin() { $.get('/popup_help.forum?l=miscvars',function(data){ if( data.replace(RegExp("^.+<li style=\"margin-bottom:5px;direction:ltr;text-align:left;\"><strong>{USERLINK}<\/strong> : (.*?) <span style='direction:ltr'>$.*?$<\/span><br \/><\/li>.+$"),'$1').match(/^<a href=".+\/profile\.forum\?mode=viewprofile&u=-1">.+<\/a>$/)) { var maskHeight = $(document).height(); var maskWidth = $(window).width(); $('#mask').css({'width':maskWidth,'height':maskHeight}); $('#mask').fadeIn(1000); $('#mask').fadeTo("slow",0.8); var winH = $(window).height(); var winW = $(window).width(); $('.window').css('top', winH/2-$('.window').height()/2); $('.window').css('left', winW/2-$('.window').width()/2); $('.window').show().fadeIn(2000); } else { $('#pseudo').html(data.replace(RegExp("^.+<li style=\"margin-bottom:5px;direction:ltr;text-align:left;\"><strong>{USERLINK}<\/strong> : (.*?) <span style='direction:ltr'>$.*?$<\/span><br \/><\/li>.+$"),'$1')); $('#pseudo-tr').removeClass('bad-tr'); $('#mask').hide(); $('.window').hide(); } }); } $(document).ready(function(){ verifyLogin(); }); </script> </head> <body>  <div id="main"> <h1>Подать объявление о продаже автомобиля</h1> <span style="color: red; text-align: center; display: block;">Заполните, пожалуйста, все поля данного формуляра.</span> </p> <br> <form name="param"> <div class="buble-form"><div class="top-right"></div><div class="top-left"></div><div class="contenu clearfix"> <table cellspacing="0" class="tableline"> <tr> <td class="contain"> <br /><br /> <table class="gener" style="width: 100%;"> <tr> <td width="300px"> <label for="nature"><b>Тип заказа</b></label> </td> <td> <select id="nature" name="category" onchange="update_taille()" class="champ"> <option value="button">Кнопки</option> <option value="banner">Баннер</option> <option value="avatar">Аватар</option> <option value="sign">Подпись</option> <option value="header">Лого</option> <option value="rang">Ранг</option> <option value="icons">Иконки</option> <option value="other">Другое</option> </select> </td> </tr> <tr id="taille-tr"> <td> <label for="taille"> <b>Размер заказа</b><br/> <a target="_blank" href="/t1586-" style="font-size: 12px;"><img border="0" alt="" src="http://illiweb.com/fa/admin/icones/puce_bleu.png"/> Предпросмотр стандартных размеров</a> </label> </td> <td id="taille"> <select id="taille_button"> <option value="80*15">80*15 пикселей</option> <option value="88*31">88*31 пикселей</option> <option value="100*30">100*30 пикселей</option> </select> <select id="taille_banner"> <option value="120*60">120*60 пикселей</option> <option value="200*40">200*40 пикселей</option> <option value="468*60">468*60 пикселей</option> <option value="200*40">120*240 пикселей</option> </select> <select id="taille_avatar"> <option value="80*80">80*80 пикселей</option> <option value="100*100">100*100 пикселей</option> <option value="100*150">100*150 пикселей</option> <option value="150*200">150*200 пикселей</option> </select> <select id="taille_sign"> <option value="468*60">468*60 пикселей</option> <option value="500*100">500*100 пикселей</option> <option value="500*150">500*150 пикселей</option> <option value="600*150">600*150 пикселей</option> </select> <span id="taille_header"><input type="text" class="champ" style="margin-left:-3px; width:100px; text-align: right;" onChange="taillesVerif()" /> (в пикселях, в виде <i> ширина*высота</i>)</span> <span id="taille_kit"><input type="text" name="taille_kit" class="champ" style="margin-left:-3px; width:100px; text-align: right;" onChange="taillesVerif()" /> (в пикселях, в виде <i> ширина*высота</i>)</span> <span id="taille_rang"><input type="text" name="taille_rang" class="champ" style="margin-left:-3px; width:100px; text-align: right;" onChange="taillesVerif()" /> (в пикселях, в виде <i> ширина*высота</i>)</span> <span id="taille_icons"><input type="text" name="taille_icons" class="champ" style="margin-left:-3px; width:100px; text-align: right;" onChange="taillesVerif()" /> (в пикселях, в виде <i> ширина*высота</i>)</span> <span id="taille_clock"><input type="text" name="taille_clock" class="champ" style="margin-left:-3px; width:100px; text-align: right;" onChange="taillesVerif()" /> (в пикселях, в виде <i> ширина*высота</i>)</span> <span id="taille_other"><input type="text" name="taille_other" class="champ" style="margin-left:-3px; width:100px; text-align: right;" onChange="taillesVerif()" /> (в пикселях, в виде <i> ширина*высота</i>)</span> </td> <script type="text/javascript">update_taille()</script> </tr> <tr> <td> <label for="choix_animation"><b>Анимация</b></label> </td> <td> <select id="choix_animation" name="choix_animation" class="champ" onchange="creanim(this);"> <option value="Без">Нет</option> <option value="Да">Да</option> </select> </tr> <tr class="bad-tr" id="precise-tr"> <td colspan="2" style="height: 0;"> <div id="precise" style="display: none;"><label style="background: url('http://illiweb.com/fa/admin/h2-breadcrumb-arrow90.png') no-repeat bottom left; padding-left: 50px" for="precise_animation"><b>Уточните, какая должна быть анимация</b></label> <input type="text" name="precise_animation" class="champ" style="margin-left: 55px; width: 200px;" onChange="textVerif(this.value,'precise-tr')" /></div> </td> </tr> <tr> <td> <label for="couleur_fond"> <b>Цвет фона</b> <br/> </label> </td> <td> <script type="text/javascript" src="http://jscolor.com/jscolor/jscolor.js"></script> <input type="text" value="#" class="color champ" value="66ff00" id="couleur_fond" name="couleur_fond" maxlength="7" style="width: 70px; background: url('http://illiweb.com/fa/wysiwyg/color_swatch.png') no-repeat right;"> <span style="font-size: 0.8em;color: #999;"><input class="checkbox" type="checkbox" id="hasBackColor" name="hasBackColor" onChange="$('#couleur_fond').attr('disabled',$('#hasBackColor').attr('value'))"> <label for="hasBackColor">Не указывать</label></span> </td> </tr> <tr id="insert-texte-tr"> <td> <label for="insert_texte"><b>Текст</b> </label> </td> <td> <input type="text" name="insert_texte" class="champ" style="width: 200px;" onChange="textVerif(this.value,'insert-texte-tr')" /> </td> </tr> <tr id="lien-image-tr"> <td> <label for="lien_image"><b>Ссылка (ссылки) на картинки</b></label><br /> <span style="color: #999999; font-size: 9px;">Не предлагайте изображения с подписью автора, отображаемым копирайтом <i>(название сайта или логотип)</i> или нарущающие этические нормы (порнография, насилие и т.д.)</span> </td> <td> <table> <tr id="addimage"> <td class="part"></td> <td> <div class="more" onClick="addimg()"></div> </td> </tr> </table> <script type="text/javascript">addimg()</script> </td> </tr> <tr id="police-tr"> <td> <label for="police"> <b>Шрифт</b><br/> <a target="_blank" href="http://www.font-cat.com/" style="font-size: 12px;"><img border="0" alt="" src="http://illiweb.com/fa/admin/icones/puce_bleu.png"/> Найти шрифт</a> </label> </td> <td> <input type="text" name="police" id="police" class="champ" onChange="textVerif(this.value,'police-tr')"/> </td> </tr> <tr id="taille_po-tr"> <td> <label for="taille_po"><b>Размер шрифта</b></label> </td> <td> <input type="text" name="taille_po" id="taille_po" maxlength="3" class="champ" style="width:25px; text-align: right;" onChange="chiffreVerif(this.value,'taille_po-tr','taille_po')"/> пикселей </td> </tr> <tr> <td> <label for="taille_po"><b>Цвет шрифта</b></label> </td> <td> <input type="text" value="#" class="color champ" value="66ff00" id="couleur_police" name="couleur_police" maxlength="7" style="width: 70px; background: url('http://illiweb.com/fa/wysiwyg/color_swatch.png') no-repeat right;"> <span style="font-size: 0.8em;color: #999;"><input class="checkbox" type="checkbox" id="hasFontColor" name="hasFontColor" onChange="$('#couleur_police').attr('disabled',$('#hasFontColor').attr('value'))"> <label for="hasFontColor">Не указывать</label></span> </td> </tr> <tr class="bad-tr" id="urlforum-tr"> <td> <label for="urlforum"><b>Ссылка на ваш форум <font color="#00a5cd">Forum</font><font color="#7cba2c">2х2</font> обязательна</b> </label> </td> <td> <input type="text" name="urlforum" class="champ" style="width: 250px;" onChange="testUrl(this.value)" id="urlforum" /> </td> </tr> <tr class="bad-tr" id="pseudo-tr" style="display: none !important"> <td> <label for="pseudo"><b>Ник для отправки заказа</b> </label> </td> <td> <span id="pseudo"></span> </td> </tr> <tr> <td> <label for="urlforum"><b>Дополнительная информация</b> (<i>факультативно</i>) </label><br /> <span style="color: #999999; font-size: 9px;">Вы можете уточнить детали вашего заказа : анимация должна быть применена только к тексту, только к картинке и т.д.... </span> </td> <td> <textarea name="comment" class="champ" style="width: 250px; font-family: Verdana, Arial; font-size: 12px;"></textarea><br/> </td> </tr> <tr> <td colspan=2 align="center"> <br /> <input type="button" class="button1" onfocus="this.style.borderColor='#B4B945'" onblur="this.style.borderColor='#8FBDD5'" value="Генерировать код" onClick="generate()"> </form> </td> </tr> <tr> <td colspan="2"></td> </tr> <tr> <td colspan="2"> <form action="/post" method="post" name="post" enctype="multipart/form-data"> <div id="generated" style="display: none; text-align: center;"> <div class="titline">Полученный код:</div> <div id="info"> Внимание :<br> Ваш заказ еще не сохранен!<br> </div><br><input name="subject" style="width:640px;" id="subject"><br><br> <textarea class="post" wrap="virtual" id="hello" style="width: 640px; height: 40px; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; display: block; ">Добрый день,</textarea><textarea id="text_editor_textarea" class="post" wrap="virtual" name="message" style="width: 640px; height: 250px; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; display: block; " readonly="true"></textarea><textarea class="post" wrap="virtual" id="byebye" style="width: 640px; height: 40px; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; display: block; ">Благодарю за все решения, которые будут предложены.</textarea> <input type="hidden" name="lt" value="0" /> <input type="hidden" name="mode" value="newtopic" /> <input type="hidden" name="topictype" value="0" checked="checked" /> <input type="hidden" name="f" id="f" value="25" /><br /> <input type="submit" onClick="ungen();return true" name="post" value="Отправить" /><br /><br /> </div> </td> </tr> </table> </td> </tr> </table> </div><div class="bottom-right"></div><div class="bottom-left"></div><div class="clear"></div><br></div> </div>  <div id="main-bottom"></div> <div class="push"></div> </form> <div id="boxes">  <iframe style="visibility:hidden;width:1px;height:1px;" name="connecting" onLoad="verifyLogin();"></iframe> <div id="connect" class="window" style="background: white url(http://illiweb.com/fs/img/spirale.png) no-repeat 0% 0%; border: 2px solid #C00;"> <form target="connecting" action="/login" method="post" name="form_login"><br />Вход: <input type="text" name="username" style="width:80px;" value="username" onclick="this.value=''"/> <input type="password" name="password" style="width:80px;" value="Password" onclick="this.value=''" /> <input type="hidden" name="redirect" value="/-h1.htm"><input type="hidden" name="query" value=""><button type="submit" name="login" value="Connexion"><img src="http://i21.servimg.com/u/f21/11/21/85/73/redarr10.png" style="vertical-align:middle" /></button><br /><br /></form> </div>   <div id="mask"></div> </div> <tr valign="top"> <td><a href="http://www.forum2x2.ru"><img src="http://i34.servimg.com/u/f34/16/54/26/99/gge15.gif" alt="Создать форум" title="forum2x2.ru" /></a></td> </tr> </table>  <style> body { background-color:#2C2C3C !important; } </style> </body> </html>

ПЕРЕНЕСЕНО ИЗ ДРУГОЙ ТЕМЫ - прим. Админа

Luz пишет:Andrey Maestro
наш Генератор заказов сделан на странице HTML , размещенной в ПА - Модули - Управление страницами HTML

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

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

Подскажите пожалуйста почему буквы такие получаются,я скопировал код и вставил в хтмл страницу?

Спойлер:

Думаю все таки попробовать,ченить помудрить,может во мне скрытый талант какой

Просто очень не хочется отказываться от этой идеи

автор **Luz** Октябрь 26th 2012, 12:25

Номера форумов, в которые отправляется заявка, задаются в этой части:

Код:: function update_taille() { $('#taille > *').hide();$('#taille_'+get('category')).show(); switch(get('category')) { case 'button': case 'rang': case 'icons': var f=25; break; case 'avatar': case 'sign': var f=26; break; case 'kit': var f=19; break; case 'banner': case 'header': var f=24; break; case 'other': var f=28; } $('#f').attr('value',f); if(f!=27) taillesVerif(); else taillesOK(); }

Подскажите пожалуйста почему буквы такие получаются,я скопировал код и вставил в хтмл страницу?

Потому что на вашем форуме и на нашем используются разные кодировки.
Вам нужно найти строчку:

Код:: <meta http-equiv="content-type" content="text/html; charset=windows-1251" />

и заменить на:

Код:: <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

Генератор обьявлений

Генератор обьявлений

Re: Генератор обьявлений

Re: Генератор обьявлений