2013-06-12 4 views
-1

У меня есть скрытое текстовое поле, в котором хранятся данные, когда пользователь нажимает кнопку заказа продукта и в то же время сохраняет его внутри файла cookie.Вывод стиля файла cookie внутри текстовой области

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

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

Product1 Product2 Product3 Product4 Product5 Product6 

Как организовать, чтобы оно отображалось следующим образом?

Product1 
Product2 
Product3 
Product4 
Product5 
.......... 

Ниже мой код.

<div id="hide" style="display: none;"> 
    <textarea id="myContent2" name="myContent2"><?php echo $_COOKIE['content']; ?> </textarea> 
    <a onClick="addContent('myDiv2', document.getElementById('myContent2').value); setCookie('content', document.getElementById('myContent2').value, 1);"> 
    <br><br> 
    <div id="myDiv2" style="font-weight: bold;"></div> 
<a onclick="javascript:alert('<?php echo $_COOKIE['content']; ?>')">Here</a> 

</div> 

<script type="text/javascript"> 
function addContent(divName, content) { 
    document.getElementById(divName).innerHTML += "<br>" + content; 
    } 
</script> 

<script type="text/javascript"> 
     function setCookie(c_name,value,expiredays) { 
    var exdate=new Date(); 
    exdate.setDate(exdate.getDate()+expiredays); 
    document.cookie=c_name+ "=" +escape(value)+((expiredays==null) ? "" : ";expires="+exdate.toGMTString()); 
} 
function getCookie(c_name) { 
    if (document.cookie.length>0) { 
    c_start=document.cookie.indexOf(c_name + "="); 
    if (c_start!=-1) { 
     c_start=c_start + c_name.length+1; 
     c_end=document.cookie.indexOf(";",c_start); 
     if (c_end==-1) c_end=document.cookie.length; 
     var cookieContent = unescape(document.cookie.substring(c_start,c_end)); 
     document.getElementById('myDiv2').innerHTML = cookieContent; 
    } 
    } 
} 
getCookie('content'); 
</script> 
+0

необходимо добавить данные с помощью тега html break. – skparwal

+0

никогда не покупает корзину покупок в куки. textarea - это элемент формы, почему вы должны отображать в нем продукты клиентов? –

+0

@Dagon, потому что его простая форма заказа текста. а не как расширенные функции, которые есть на некоторых страницах. –

ответ

0

только что добавил команду newline для innerHTML "\ n" в названии продукта. решил проблему.

спасибо всем

Смежные вопросы