Εισαγωγή σε λίστα

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
iffor
Δημοσιεύσεις: 778
Εγγραφή: 14 Μάιος 2005 01:19
Τοποθεσία: Παράδεισος
Επικοινωνία:

Εισαγωγή σε λίστα

Δημοσίευση από iffor » 18 Ιούλ 2006 18:23

Καλησπέρα σε όλους!!!

Θα ήθελα να σας αναφέρω παρακάτω ένα προβληματάκι που έχω
το οποίο προσπάθησα να βρώ κάτι στο δίκτυο, αλλά τίποτα...

Αυτό που θα ήθελα είναι αν κάποιος έχει δει κάτι παρόμοιο να μου έδινε το link!

Θα ήθελα σε μία σελίδα να έχω πάνω δυο fields ( όνομα, τηλέφωνο ) και με μία onclick
να μου περνάει την "εγγραφή" σε μια λίστα στην ίδια σελίδα, με τις υπόλοιπες εγγραφές που μπορεί να έχουν φορτώσει δυναμικά.
Στη λίστα, δίπλα από κάθε εγγραφή να έχει και ένα remove για να το διαγράφω από την λίστα.

Γνωρίζεται μήπως καμια εφαρμογή παρόμοια με την προαναφερόμενη?
Η javascript μου δεν είναι τόση όριμη για να το κάνω from scrach και έλεγα μηπως μπορέσω να προσαρμώσω κάτι έτοιμο...

Τεσπα! Ευχαριστώ!!!
μια νέα αρχή ξεκίνησε...
ένας καινούριος δρόμος άνοιξε...
redpanda.gr

Άβαταρ μέλους
Banavas
Script Master
Δημοσιεύσεις: 1367
Εγγραφή: 21 Νοέμ 2004 20:25
Επικοινωνία:

Εισαγωγή σε λίστα

Δημοσίευση από Banavas » 19 Ιούλ 2006 13:19

PHP/MySQL σου κάνει;
Happy coding....
Μάρκος
http://lasernet.gr

Άβαταρ μέλους
iffor
Δημοσιεύσεις: 778
Εγγραφή: 14 Μάιος 2005 01:19
Τοποθεσία: Παράδεισος
Επικοινωνία:

Εισαγωγή σε λίστα

Δημοσίευση από iffor » 19 Ιούλ 2006 14:56

:D
Thanx, αλλά έχει να κάνει καθαρά με javascript!
Δεν έχω πρόβλημα να το υλοποιήσω με php, μιας και αυτή είναι η δουλειά μου!
Στην javascript κολλάω... :-?

Βρήκα αυτό, το οποίο κάνει κάποια δουλεια, απλός το πρόβλημα είναι ότι
για να διαγράψεις μια γραμμή, πρέπει να διαγράψεις και όσες είναι μετά από αυτήν...

Δυστυχώς μέχρι τώρα δεν βρήκα κάτι παρόμοιο με αυτό που αναζητώ...
μια νέα αρχή ξεκίνησε...
ένας καινούριος δρόμος άνοιξε...
redpanda.gr

Άβαταρ μέλους
iffor
Δημοσιεύσεις: 778
Εγγραφή: 14 Μάιος 2005 01:19
Τοποθεσία: Παράδεισος
Επικοινωνία:

Εισαγωγή σε λίστα

Δημοσίευση από iffor » 20 Ιούλ 2006 11:27

Καλημερούδια και πάλι!!!

Στον παρακάτω κώδικα

Κώδικας: Επιλογή όλων

function addRowToTable()
{
  var tbl = document.getElementById('tblSample');
  var lastRow = tbl.rows.length;
  // if there's no header row in the table, then iteration = lastRow + 1
  var iteration = lastRow;
  var row = tbl.insertRow(lastRow);
  
  //  cell 1
  var cell1 = row.insertCell(0);
  var textNode = document.createTextNode(iteration);
  cell1.appendChild(textNode);
  
  //  cell 2
  var cell2 = row.insertCell(1);
  var el = document.createElement('input');
  el.type = 'text';
  el.name = 'txtRow' + iteration;
  el.id = 'txtRow' + iteration;
  el.size = 20;
  
  cell2.appendChild(el);
  
  //  cell 3
  var cell3 = row.insertCell(2);
  var sel = document.createElement('select');
  sel.name = 'selRow' + iteration;
  sel.options[0] = new Option('text zero', 'value0');
  sel.options[1] = new Option('text one', 'value1');
  cell3.appendChild(sel);
  
  //  cell 4
  var cell4 = row.insertCell(3);
  var ili = document.createElement('input');
  ili.type = 'text';
  ili.name = 'cc' + iteration;
  ili.id = 'cc' + iteration;
  ili.size = 20;
  
  cell4.appendChild(ili);  
  
  //  cell 5
  var cell5 = row.insertCell(4);
  var linkX = document.createElement("a");
  linkX.setAttribute("href", "#SECT" + iteration);
  
  cell5.appendChild(linkX);
  
}
πρόσθεσα το κομμάτι του cell4 και cell5, ωστόσο ενώ στην εκτέλεσή του
μου εμφανίζει με κάθε εισαγωγή γραμμής στον πίνακα το πεδίο input από το cell4
δεν μου εμφανίζει το link από το cell5...

μήπως θα μπορούσε κανένας να μου εξηγήσει που είναι το λάθος μου στην προσπάθεια
δημιουργίας ενός link element?

Thanx!
μια νέα αρχή ξεκίνησε...
ένας καινούριος δρόμος άνοιξε...
redpanda.gr

Άβαταρ μέλους
iffor
Δημοσιεύσεις: 778
Εγγραφή: 14 Μάιος 2005 01:19
Τοποθεσία: Παράδεισος
Επικοινωνία:

Εισαγωγή σε λίστα

Δημοσίευση από iffor » 23 Ιούλ 2006 18:55

Χμμμ... Πιστεύω ότι το έφτιαξα...
Μην βρίσετε αν ο κώδικας είναι τόσο πολύ amature!!!
Τέσπα, για όσους ενδιαφέρονται!

Κώδικας: Επιλογή όλων

<html>
<head>
<script type="text/javascript">

function addEvent&#40;&#41;
&#123;
   var maindiv = document.getElementById&#40;'maindiv'&#41;;
   var nor = document.getElementById&#40;'countfield'&#41;;
   var num = document.getElementById&#40;"countfield"&#41;.value;
   num++;
   var vf1 = document.getElementById&#40;"f1"&#41;.value;
   var vf2 = document.getElementById&#40;"f2"&#41;.value;
   var vf3 = document.getElementById&#40;"f3"&#41;.value;

   var cdiv = "c"+num;
   var newdiv = document.createElement&#40;'div'&#41;;
   newdiv.setAttribute&#40;"id",cdiv&#41;;
   newdiv.innerHTML = "<div>"+vf1+" "+vf2+" "+vf3+"<input type='hidden'    name='"+cdiv+"' value='"+vf1+"@"+vf2+"@"+vf3+"'> <a href=\"javascript&#58;;\" onclick=\"remEvent&#40;\'"+cdiv+"\'&#41;\">X</a></div>";
   maindiv.appendChild&#40;newdiv&#41;;

   document.getElementById&#40;"countfield"&#41;.value = num;
   document.getElementById&#40;"countlast"&#41;.value = num;

&#125;

function remEvent&#40;divNum&#41;
&#123;
   var maindiv = document.getElementById&#40;'maindiv'&#41;;
   var olddiv = document.getElementById&#40;divNum&#41;;
   maindiv.removeChild&#40;olddiv&#41;;
   var num = document.getElementById&#40;"countfield"&#41;.value;
   num--;
   document.getElementById &#40;"countfield"&#41;.value = num;

&#125;

//-->
</script>
</head>
<body>
<form action="" method="post">
<p>
<input type="text" name="f1" id="f1" />
<select name="f2" id="f2" />
  <option value="kgr">kgr</option>
  <option value="gr">gr</option>
</select>
<input type="text" name="f3" id="f3" />
<input type="button" value="Add" onclick="addEvent&#40;&#41;;" />
<input type="submit" value="Submit List">
<input type="hidden" value="2" name="countfield" id="countfield" />
<input type="hidden" value="2" name="countlast" id="countlast" />
</p>
<div id="maindiv">
   <div id="c1">
     <div>200 gr Selino
     <input type="hidden" name="c1" value="200@gr@Selino"> <a href="#" onclick="remEvent&#40;'c1'&#41;" >X</a>
     </div>
   </div>
   <div id="c2">
     <div>100 gr Zaxari
     <input type="hidden" name="c2" value="100@gr@Zaxari"> <a href="#" onclick="remEvent&#40;'c2'&#41;" >X</a>
     </div>
   </div>


</div>
</form>
<?php

$cl = $_POST&#91;'countlast'&#93;;
$ingr = array&#40;&#41;;
for&#40;$i=1; $i<=$cl; $i++&#41; &#123;

  if&#40;isset&#40;$_POST&#91;'c'.$i&#93;&#41;&#41; $ingr&#91;&#93; = $_POST&#91;'c'.$i&#93;;

&#125;
if&#40;count&#40;$ingr&#41;>0&#41; &#123;
  echo "<h3>List</h3>";
  foreach&#40;$ingr as $key =>$value &#41; &#123;

    $tmp = explode&#40;"@", $value&#41;;
    echo $tmp&#91;0&#93;.$tmp&#91;1&#93;." ".$tmp&#91;2&#93;."<br>";

  &#125;
&#125;

?>


</body>
</html>
μια νέα αρχή ξεκίνησε...
ένας καινούριος δρόμος άνοιξε...
redpanda.gr

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 2 επισκέπτες