q 30074901

by dekkard

HTML

<div id="center2">
  <div id="forme">
    <form action="edit_posts.php?editare=2" enctype="multipart/form-data" id="mainform" method=
    "post" name="mainform">
      Imagine 1:<br>
      <input id="img1" name="img1" type="file"><br>
      <br>
      Imagine 2 :<br>
      <input id="img2" name="img2" type="file"><br>
      <br>
      Imagine 3 :<br>
      <input id="img3" name="img3" type="file"><br>
      <br>
      Imagine 4 :<br>
      <input id="img4" name="img4" type="file"><br>
      <br>
      Imagine 5 :<br>
      <input id="img5" name="img5" type="file"><br>
      <br>
      Imagine 6 :<br>
      <input id="img6" name="img6" type="file"><br>
      <br>
      Imagine 7 :<br>
      <input id="img7" name="img7" type="file"><br>
      <br>
      Imagine 8 :<br>
      <input id="img8" name="img8" type="file"><br>
      <br>
      Imagine 9 :<br>
      <input id="img9" name="img9" type="file"><br>
      <br>
      Imagine 10 :<br>
      <input id="img10" name="img10" type="file"><br>
      <br>
      Imagine 11 :<br>
      <input id="img11" name="img11" type="file"><br>
      <br>
      Imagine 12 :<br>
      <input id="img12" name="img12" type="file"><br>
      <br>
      Imagine 13 :<br>
      <input id="img13" name="img13" type="file"><br>
      <br>
      Imagine 14 :<br>
      <input id="img14" name="img14" type="file"><br>
      <br>
      Imagine 15 :<br>
      <input id="img15" name="img15" type="file"><br>
      <br>
      Continut:<br>
      
      <textarea cols="50" id="insert" name="content" placeholder="Introduceti date despre articol"
      rows="25">
      </textarea>

      <p>1. Cautare secventiala<br>
      2. Cautare binara<br>
      <img id="img3" src=""> 3. Interclasare<br>
      4. Metode de sortare (Interschimbare, Metoda bulelor)</p><img id="img1" src=""> <img id=
      "img2" src="">;<br>
      <br>
      Preview:<br>
      <input id="previz" type="checkbox">
          

      <div class="arata" style="display: none;"></div><br>
   ...

JavaScript

var j;
    var i = "1";
    var countd;
    var counti;
    var titlei = "title";
    var continuti = "insert";
    var cuvci = "keywords";
    var autori = "author";
    var continut = $("#" + continuti).val();
    var titlu = $("input[name='" + titlei + "']").val();
    var cuvc = $("input[name='" + cuvci + "']").val();
    var autor = $("input[name='" + autori + "']").val();
    var vt = "#center2 #forme";
    var vc = vt + " #previz";
     //De tipul form#idformular
    var numeformular = "form#mainform";
     // principdiv trebuie sa contina un spatiu la final !!!
    var principdiv = "#center2 #vezi ";
    var h1titlu = "h1";
    var pcontinut = "p";
    $(vc).change(function() {
      continut = $("#" + continuti).val();
      if (this.checked) {
        //Continut
        if (continut !== '' && continut !== undefined) {
          $(principdiv + pcontinut).html(continut);
        }
      }
    });

    function readURL(input) {
      if (input.files && input.files[0]) {
        var reader = new FileReader();
        reader.onload = function(e) {
          console.log(e.target.result + " , " + i);
            
            $('<img>').attr('id', '#pre_img' + i).attr('src', e.target.result).appendTo('#vezi');
            
        }
        reader.readAsDataURL(input.files[0]);
      }
    }
    $("#mainform input[id^='img']").change(function() {
      readURL(this);
    });