Adatum
Просмотр статей "JavaScript"
Ноя
19
2015
CSS // HTML5 // JavaScript

Родословное дерево на Html и JavaScript

3242
ДемоСкачать
Пример того как построить родословное дерево разветвлённой структуры, к примеру чтобы на одном дереве отобразить насколько семей с несколькими предками.
Работает на скрипте org Diagram v2.0.20 от Basic Primitives Inc.

Мар
2
2015
JavaScript // jQuery

javascript получить name и value из input

Возникла задача обрабатывать динамически создаваемые input. И вносить их значения в базу.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>

  <script>

  $(document).ready(function(){
  


var id_value = $(':text').map(function(i, el){
    return $(el).attr("name")+'-'+$(el).attr("value");
}).get();


alert(id_value); 

  });
  </script>
  
  


  <style>
  p { color:red; }
  </style>
</head>
<body>
  <p><b>Values: </b></p>

  <form>
    <input type="text" class="brand-panel-show" name="name" value="John"/>
    <input type="text" class="brand-panel-show" name="password" value="password"/>

    <input type="text" class="brand-panel-show" name="url" value="http://ejohn.org/"/>
  </form>
</body>
</html>
Авг
17
2014
JavaScript

CodeMirror подключаем по class а не по id

<section class="pattern">
      <textarea class='codemirror'>
    <script>
 $(function(){
     var tAreas = document.querySelectorAll('.codemirror');
        for (var i = 0; i < tAreas.length; i++) {
           CodeMirror.fromTextArea(tAreas[i], {  mode: "application/x-httpd-php",
        tabMode: 'indent',
 lineNumbers: true,
        autoCloseTags: true,
    styleActiveLine: true,
    matchBrackets: true });
        }
 });
  </script>
      </textarea>
   <textarea class='codemirror' >
           var myModule = function(){
              //code goes here
           }
      </textarea>
 </section>
Страницы:12»