VPF::Набор параметров по checkbox, для вставки BBcod

Pena

Дата 13.10.2006, 17:16 (ссылка)

(нет голосов)

Загрузка ...

КорнеплодЪ

Профиль
Группа: Участник
Сообщений: 161
Регистрация: 20.4.2006
Где: эРэФия, аул Москв а...

Репутация: нет
Всего: нет

Собственно это практически то же самое что и http://forum.vingrad.ru/index.php?showtopi...st&p=847409 , ответа на сходнык post'ах не нашёл, а у самого не получается smile

Детский сад - знаю, но smile

Это сообщение отредактировал(а) Pena - 13.10.2006, 17:18

--------------------

Самовар по всем вопросам - сильно не ругайте

12345c

Дата 13.10.2006, 17:29 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

Вставка BB-кодов - совсем не детский сад, смотри 4 реализации в разделе "Наши скрипты" (текст под курсором), так кроссбраузерные и корректные занимают не менее 2 КБа кода. Так что сначала определись, каким скриптом будешь вставлять, а то задачи не видно.

Pena

Дата 13.10.2006, 18:37 (ссылка)

(нет голосов)

Загрузка ...

КорнеплодЪ

Профиль
Группа: Участник
Сообщений: 161
Регистрация: 20.4.2006
Где: эРэФия, аул Москв а...

Репутация: нет
Всего: нет

Скрипт "вставки под курсор" я пользую тот что Sardar выкладывал (искать на forum'e долго, надо? smile

)
Мне бы только код "изменение вставки, в зависимости от установленой галочки" как в post'e http://forum.vingrad.ru/index.php?showtopi...st&p=847409 - то же но не для radiobutton'ов, а для checkbox'a... а вообще (уж если наглеть, то в конец... smile

) хотелось бы сразу пример совместного их использования (изменяют код одной вставки) smile

Это сообщение отредактировал(а) Pena - 13.10.2006, 20:18

--------------------

Самовар по всем вопросам - сильно не ругайте

12345c

Дата 13.10.2006, 23:16 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

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

Pena

Дата 13.10.2006, 23:29 (ссылка)

(нет голосов)

Загрузка ...

КорнеплодЪ

Профиль
Группа: Участник
Сообщений: 161
Регистрация: 20.4.2006
Где: эРэФия, аул Москв а...

Репутация: нет
Всего: нет

Выдрал, вроде без огрех =\ :
В теле:

Код


<Form name="forma">
    <div class="BcmaBKu">
     <span class="PyKa" onClick='KapmuHKa()'>Проба</span>
    </div>
    <textarea id="Textarea" name="Пять" wrap="off">Содержание</textarea>
   <div class="Paguo">
    <input type="Radio" checked name="r1" value=""> Без обтекания <br>
    <input type="Radio" name="r1" value="&nbsp;align=&quot;left&quot;"> align="left" <br>
    <input type="Radio" name="r1" value="&nbsp;align=&quot;right&quot;"> align="right" <br>
    <input type="Checkbox" checked id="ch1" value="&nbsp;border: solid black 1px;"> Рамка

    <script type="text/javascript"><!--
     function KapmuHKa(){ 
      for(i=document.forma.r1.length-1;i>0;i--)
       if(document.forma.r1[i].checked) break;

       text.setSelectedText("<img class=\"KapmuHKa\""+document.forma.r1[i].value+ /*тут отсебятина)): +document.forma.сh1[i].value+ мол это сюда вставляется (или не вставляется)*/" src=\"img/1v.jpg\">");
     }
    --></Script>
   </div>
   </Form>

В шапке: <script type="text/javascript" src="scripts/BcmaBKu.js"></script> - это

Код


function TextareaSelectionHelper(obj) {

 this.target=obj;
 this.target.carretHandler=this;
 this.target.onchange=_TextareaSaver;
 this.target.onclick=_TextareaSaver;
 this.target.onkeyup=_TextareaSaver;
 this.target.onfocus=_TextareaSaver;
 if(!document.selection) this.target.onSelect=_TextareaSaver; //для Mozilla 
 this.start=-1;
 this.end=-1;
 this.scroll=-1;
 this.iesel=null; //для IE
}
TextareaSelectionHelper.prototype.getSelectedText=function() {
  return this.iesel? this.iesel.text: (this.start>=0&&this.end>this.start)? this.target.value.substring(this.start,this.end): "";
}
/**
* @argument text String - заменить селекцию на этот текст
* @argument secondtag String - если задан, то селекция не заменяется, а обрамляется этими тегами
*/
TextareaSelectionHelper.prototype.setSelectedText=function(text, secondtag) {
 if(this.iesel) {
if(typeof(secondtag)=="string") {
  var l=this.iesel.text.length;
     this.iesel.text=text+this.iesel.text+secondtag;
  this.iesel.moveEnd("character", -secondtag.length);
   this.iesel.moveStart("character", -l);   
} else {
  this.iesel.text=text;
}
   this.iesel.select();
 } else if(this.start>=0&&this.end>=this.start) {
    var left=this.target.value.substring(0,this.start);
    var right=this.target.value.substr(this.end);
 var scont=this.target.value.substring(this.start, this.end);
 if(typeof(secondtag)=="string") {
   this.target.value=left+text+scont+secondtag+right;
   this.end=this.target.selectionEnd=this.start+text.length+scont.length;
   this.start=this.target.selectionStart=this.start+text.length;    
 } else {
      this.target.value=left+text+right;
   this.end=this.target.selectionEnd=this.start+text.length;
   this.start=this.target.selectionStart=this.start+text.length;
 }
 this.target.scrollTop=this.scroll;
 this.target.focus();
 } else {
   this.target.value+=text + ((typeof(secondtag)=="string")? secondtag: "");
if(this.scroll>=0) this.target.scrollTop=this.scroll;
 }
}
TextareaSelectionHelper.prototype.getText=function() {
 return this.target.value;
}
TextareaSelectionHelper.prototype.setText=function(text) {
 this.target.value=text;
}
function _TextareaSaver() {
 if(document.selection) {
   this.carretHandler.iesel = document.selection.createRange().duplicate();
 } else if(typeof(this.selectionStart)!="undefined") {
   this.carretHandler.start=this.selectionStart;
this.carretHandler.end=this.selectionEnd;
this.carretHandler.scroll=this.scrollTop;
 } else {this.carretHandler.start=this.carretHandler.end=-1;}
}
onload = function () {
text = new TextareaSelectionHelper(document.getElementById("Textarea"));

}

Это сообщение отредактировал(а) Pena - 13.10.2006, 23:32

--------------------

Самовар по всем вопросам - сильно не ругайте

12345c

Дата 14.10.2006, 12:53 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

Цитата(12345c @ 13.10.2006, 23:16

)

(И желательно, описание назначения галолчки.) А то так слишком общая постановка, неясно, в чём вопрос.

Плюс к тому, ничего не работает - на форме нет ни кнопки, ни ссылки, куда нажать, чтобы получить вставку вв-кодов. (скопировал html и js в 1 файл)

Pena

Дата 14.10.2006, 13:24 (ссылка)

(нет голосов)

Загрузка ...

КорнеплодЪ

Профиль
Группа: Участник
Сообщений: 161
Регистрация: 20.4.2006
Где: эРэФия, аул Москв а...

Репутация: нет
Всего: нет

1.)

<img class=\"KapmuHKa\""+document.forma.r1[i].value+мол это сюда вставляется (или не вставляется)*/" src=\"img/1v.jpg\">
- мне нужно, чтобы при установке галки в свойстве картинки ещё появилось style="border: 1px solid black;"

2.)

А строчки 3 в "теле"? =\
<span class="PyKa" onClick='KapmuHKa()'>Проба</span>
- я её использую(

Это сообщение отредактировал(а) Pena - 14.10.2006, 13:49

--------------------

Самовар по всем вопросам - сильно не ругайте

12345c

Дата 14.10.2006, 14:23 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

Теперь понял. Но это так же легко, как с радиокнопками. Видимо, у тебя совсем трудно с языком JS, с основами. Порешай побольше таких примеров самостоятельно, пользуясь справочниками. Штук 30-50 таких задач - и написание кода не будет вызывать затруднений.

Код


<Form name="forma">
<div class="BcmaBKu">
 <span class="PyKa" onClick='KapmuHKa()' style=cursor:hand>Проба</span>
</div>
<textarea id="Textarea" name="Пять" wrap="off" cols=100>Содержание</textarea>
<div class="Paguo">
<input type="Radio" checked name="r1" value=""> Без обтекания <br>
<input type="Radio" name="r1" value="align=&quot;left&quot;"> align="left" <br>
<input type="Radio" name="r1" value="align=&quot;right&quot;"> align="right" <br>
<input type="checkbox" checked name="ch1" value="border: solid black 10px;"> Рамка

<script>
function KapmuHKa(){  var s='<img class="KapmuHKa"';
for(i=document.forma.r1.length-1;i>0;i--)if(document.forma.r1[i].checked) break;
s+=' '+document.forma.r1[i].value;
s+=(document.forma.ch1.checked?' style="'+document.forma.ch1.value+'"':'')
text.setSelectedText(s+' src="img/1v.jpg">');
}
</script>
</div></Form>

научиться можно анализом нескольких десятков примеров в 1 действие - лежат в справочниках и в ресурсах скриптов типа http://www.b2386828.msk.ru/js/220806/link-00.php , http://www.b2386828.msk.ru/js/230806/k-00.php ,
http://www.b2386828.msk.ru/js/250806/m-00.php ,
http://www.b2386828.msk.ru/js/260806/foto-00.php ,
http://www.b2386828.msk.ru/js/240806/f-00.php

Это сообщение отредактировал(а) 12345c - 14.10.2006, 14:56

Pena

Дата 14.10.2006, 17:17 (ссылка)

(нет голосов)

Загрузка ...

КорнеплодЪ

Профиль
Группа: Участник
Сообщений: 161
Регистрация: 20.4.2006
Где: эРэФия, аул Москв а...

Репутация: нет
Всего: нет

Спа-си-бо!

--------------------

Самовар по всем вопросам - сильно не ругайте

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »