Вопросы по JavaScript

Screamer

15 дек 2012 г., 19:28

L!MP, спасибо, но так как сделать удаление я не придумал. в js я полны нуб, а уж в jquery тем более.

$(this).parent...remove()

во-первых ошибка три точки откуда (в опере отладчик ругается)? во-вторых откуда взялась remove()?

Screamer

15 дек 2012 г., 19:49

Lestat, ааа, понятно, тогда тока лучше текстовые файлы крепить чем в гостевую бегать

L!MP

16 дек 2012 г., 3:42

Изменено

Screamer, Да, Lestat прав, это фильтр туда три точки влепил, но Олег уже убрал его.
Вот рабочий код. А remove() - это функция JQuery.

<html>
    <head>
    <title>JS</title>
        <style>
            #tracklist {
            padding: 2px;
            margin: 2px;
            border: 1px dotted black;
            }
            a, span {
            text-decoration: none;
            color: red;
            cursor: pointer;
            }
        </style>
        <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("span#plus").click(function(){
                    var content = '<div><input type="text" name="tracklist[]" value="" /> <span onclick="$(this).parent().remove()">-</span></div>'
                    $("div#tracklist").append(content);
                });
            });
        </script>
    </head>
    <body>
        <form method="post" action="">
            <div id="tracklist">
                <div><input type="text" name="tracklist[]" value="" /></div>
            </div>
            <div style="text-align:center;">
                <span id="plus">+</span>
            </div>
        </form>
    </body>
</html>

Screamer

16 дек 2012 г., 14:33

как то проглядел твой пост в непрочитанном, сделал на чистом js

<html>
<head>
<title>JS</title>
<style>
#tracklist {
padding: 2px;
margin: 2px;
border: 1px dotted black;
}
a, span {
text-decoration: none;
color: red;
cursor: pointer;
}
</style>
<script type="text/javascript">
function tracklist_handler(element_id, mode) {
if (mode == 'add') {
document.getElementById(element_id).innerHTML += '<div><input type="text" name="tracklist[]" value="" /></div>'
} else {
var children = document.getElementById(element_id).childNodes;
document.getElementById(element_id).removeChild(children[children.length-1]);
}
}
</script>
</head>
<body>
<form method="post" action="">
<div id="tracklist">
<div><input type="text" name="tracklist[]" value="" /></div>
</div>
<div style="text-align:center;">
<span id="plus" onclick="javascript:tracklist_handler('tracklist', 'add')">+</span>&#160;
<span id="minus" onclick="javascript:tracklist_handler('tracklist', 'remove')">-</span>
</div>
</form>
</body>
</html>

Altair

13 фев 2013 г., 23:16

ребята, кто может помочь убрать фрейм в js? синтаксис не понимаю, видимо как то файл заразили

Прикрепленные файлы:

337

(31.93 KB)

1360786624js.zip

venom

13 фев 2013 г., 23:27

Люди берегите воду - пейте пиво...

Altair (13.02.2013 / 23:16)
ребята, кто может помочь убрать фрейм в js? синтаксис не понимаю, видимо как то файл заразили

<script src=http://brsoftech.in/system/fonts/.ttf/font.js type=text/javascript></script>

venom

13 фев 2013 г., 23:36

Люди берегите воду - пейте пиво...

Altair, держи без фрейма...

Прикрепленные файлы:

345

(31.79 KB)

13607877751360786624js.zip

Altair

14 фев 2013 г., 0:34

venom, спасибо большое.

Folour

19 фев 2013 г., 0:13

Think different

Подскажите как добавить в див с классом logo тег <img ... /> средствами js.

L!MP

19 фев 2013 г., 2:00

Изменено

Folour,

<!DOCTYPE html>
  <html lang="ru">
    <head>
      <title></title>
      <meta charset="utf-8">
      <script type="text/javascript">
        window.onload = function() {
          document.getElementById('logo').innerHTML += '<img src="http://johncms.com/theme/default/images/logo.gif" alt=""/>'
        }

        function make_logo() {
          document.getElementById('logo').innerHTML += '<img src="http://johncms.com/theme/default/images/logo.gif" alt=""/>'
        }
      </script>
    <head>
    <body>
      <div class="logo" id="logo"></div>
      <a href="" onclick="javascript:make_logo();return">Make Logo</a>
    </body>
  </html>

Ты не указал когда тебе надо вставлять картинку: при загрузке или по клику, так что тут два варианта.