Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Как работать с html

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Поиск в теме | Версия для печати
grafillo
Отправлено: 26 Июня, 2013 - 16:13:35
Post Id


Посетитель


Покинул форум
Сообщений всего: 280
Дата рег-ции: Апр. 2013  


Помог: 0 раз(а)
Когда я пытаюсь вставить html по средством джаваскрипт, то надо чтобы вставляемый код html был в одну строку, у меня он занимает значительное место, есть ли способ автоматически преобразовывать такой код в одну строку а не гемороится по пять минут?
 
 Top
EuGen Администратор
Отправлено: 26 Июня, 2013 - 16:25:24
Post Id


Профессионал


Покинул форум
Сообщений всего: 9095
Дата рег-ции: Июнь 2007  
Откуда: Berlin


Помог: 707 раз(а)
CODE (javascript):
скопировать код в буфер обмена
  1. str.replace(/[\n\r]+/g," ");

?


-----
Есть в мире две бесконечные вещи - это Вселенная и человеческая глупость. Но насчет первой .. я не уверен.
 
 Top
VenZell
Отправлено: 26 Июня, 2013 - 16:31:16
Post Id


Частый гость


Покинул форум
Сообщений всего: 237
Дата рег-ции: Июнь 2013  


Помог: 12 раз(а)
Похоже, я неправильно понял задачу, потому что наваял еще и удаление лишних пробельных символов... Если вдруг понадобиться, то вот пример: http://jsfiddle[dot]net/V4sjM/
 
 Top
DelphinPRO
Отправлено: 26 Июня, 2013 - 16:58:07
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
а в чем смысл сего действа? браузеру пофиг.


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
esterio
Отправлено: 26 Июня, 2013 - 17:01:58
Post Id



Активный участник


Покинул форум
Сообщений всего: 5025
Дата рег-ции: Нояб. 2012  
Откуда: Украина, Львов


Помог: 127 раз(а)
попробую угадать
CODE (javascript):
скопировать код в буфер обмена
  1. console.log();

?
 
 Top
grafillo
Отправлено: 26 Июня, 2013 - 17:16:18
Post Id


Посетитель


Покинул форум
Сообщений всего: 280
Дата рег-ции: Апр. 2013  


Помог: 0 раз(а)
смысл в том что по другому джава скрип выдаёт ошибку и ничего не вставляет, кстати когда я добавляю таблицу с картинками способом хтмл я не могу сделать выборку этих картинок почемуто(((
ктонить знает почему нельзя сделать выборку картинок из вствавленного джава скриптом хтмл кода?
 
 Top
IllusionMH
Отправлено: 26 Июня, 2013 - 17:28:29
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
grafillo, мiжна.
http://jsfiddle[dot]net/IllusionMH/6P3Ef/
(Добавление)
grafillo пишет:
смысл в том что по другому джава скрип выдаёт ошибку и ничего не вставляет

аяксом часть страницы подгружается или в чем смысл? Без проблем вставлялся и текст с переносами.
 
 Top
grafillo
Отправлено: 26 Июня, 2013 - 17:32:52
Post Id


Посетитель


Покинул форум
Сообщений всего: 280
Дата рег-ции: Апр. 2013  


Помог: 0 раз(а)
Вот так вставляется по клику по картинке, и как отсюда выбрать картинку?
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. $('img[src*=mini]').click(function(){
  3.  
  4. $('#big').html('
  5.  
  6. <table align=center border=0 width=200>
  7.  
  8.    <tr><td style="text-align:center;"><select name="oknopovorot" style="width: 90px;font-size:9pt; " >
  9.                                                                         <option value="glux">Глухая</option>
  10.                                                                         <option value="pov" >Поворотная</option>
  11.                                                                         <option value="pov-otk">Поворотно-откидная</option>
  12.                                                                         </select>
  13.         </td><td></td></tr>
  14.         <tr ><td style="text-align:center;">
  15.         <img src="img/m1.jpg"><br><br>
  16.         <input type="text" name ="shir" style="width: 40px;" value=1500><br>Ширина в милиметрах<br>
  17.         </td><td>
  18.         <input type="text" name ="vis" style="width: 40px;" value=2000><br>Высота в милиметрах<br>
  19.         </td>
  20.         </tr>
  21.  
  22. </table>
  23. ');
  24. });

(Отредактировано автором: 26 Июня, 2013 - 17:34:20)

 
 Top
DelphinPRO
Отправлено: 26 Июня, 2013 - 17:34:39
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
IllusionMH пишет:
или в чем смысл?

по ходу смысл где-то здесь:

CODE (javascript):
скопировать код в буфер обмена
  1. var myvar = '<? echo $html ?>';
  2. $(...).html(myvar);

но это уже не js-задача, переносы следует удалять пыхом. (не говоря о кирпичности решения)

grafillo пишет:
кстати когда я добавляю таблицу с картинками способом хтмл я не могу сделать выборку этих картинок почемуто(((


добавляешь картинки в блок (допустим с классом .block)
нужно писать не так
CODE (javascript):
скопировать код в буфер обмена
  1. $('.block img')....

а так
CODE (javascript):
скопировать код в буфер обмена
  1. $('.block').on('click', 'img', function(){});


Это называется делегирование
(Добавление)
а в js перенос строк нужно указывать слешем

CODE (javascript):
скопировать код в буфер обмена
  1. $('#big').html('\
  2. <table align=center border=0 width=200>\
  3.    <tr><td style="text-align:center;"><select name="oknopovorot"\
  4. style="width: 90px;font-size:9pt; " >\
  5. </table>\
  6. \
  7. ');


или конкатенацией
CODE (javascript):
скопировать код в буфер обмена
  1. $('#big').html(''+
  2. '<table align=center border=0 width=200>'+
  3. '    <tr><td style="text-align:center;"><select name="oknopovorot"'+
  4. 'style="width: 90px;font-size:9pt; " >'+
  5. '</table>'+
  6. ''+
  7. '');

(Отредактировано автором: 26 Июня, 2013 - 17:36:57)



-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
IllusionMH
Отправлено: 26 Июня, 2013 - 17:38:19
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
grafillo, ну вот
 
 Top
DelphinPRO
Отправлено: 26 Июня, 2013 - 17:39:09
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
DelphinPRO пишет:
$('.block').on('click', 'img', function(){});

в твоем случае
CODE (javascript):
скопировать код в буфер обмена
  1. $('#big').on('click', 'img', function(){
  2. //...
  3. });

при условии что #big не добавляется на страницу динамически


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
IllusionMH
Отправлено: 26 Июня, 2013 - 17:39:56
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
DelphinPRO пишет:
по ходу смысл где-то здесь:

DelphinPRO, точно. Но я все равно не понимаю, что мешает человеку это вывести в скрытый блок?
 
 Top
DelphinPRO
Отправлено: 26 Июня, 2013 - 17:42:29
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
IllusionMH пишет:
что мешает человеку это вывести в скрытый блок?

и это было бы правильнее, чем смешивать html и js код


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


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



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB