css generator script

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

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

Απάντηση
mpempe
Δημοσιεύσεις: 156
Εγγραφή: 23 Ιουν 2003 02:48
Τοποθεσία: peloponisos

css generator script

Δημοσίευση από mpempe » 17 Δεκ 2014 22:29

Γεια σας
Πειραματίζομαι με το css generator script της παρακάτω σελίδας
http://www.webtutorialplus.com/css3-generator.aspx

Αυτό που προσπαθώ να πετύχω είναι να πάρω κάποιες τιμές από το script και να τα γράψω στη βάση.

Εικόνα

Πχ η τιμή του Opacity εμφανίζεται στο span me id lbl_slider_opacity

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

<tr>
    <td style="width&#58; 100px;">
        Opacity&#58;
    </td>
    <td style="width&#58; 180px">
        <div id="slider_opacity_1" class="slider">
        </div>
    </td>
    <td>
        <span id="lbl_slider_opacity" class="slider_result">1</span>
    </td>
</tr>
ο jquery κώδικας που αλλάζει αυτή την τιμή είναι

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

    //opacity
    $&#40;"#slider_opacity_1"&#41;.slider&#40;&#123;
        slide&#58; function &#40;event, ui&#41; &#123;
            $&#40;"#lbl_slider_opacity"&#41;.text&#40;ui.value&#41;;
            $&#40;"#div_result"&#41;.css&#40;"opacity", ui.value&#41;
        &#125;,
        change&#58; function &#40;event, ui&#41; &#123;
            $&#40;"#lbl_slider_opacity"&#41;.text&#40;ui.value&#41;;
            $&#40;"#div_result"&#41;.css&#40;"opacity", ui.value&#41;
        &#125;
    &#125;&#41;;


Το ερώτημα μου είναι: Πως μπορώ αυτή την τιμή να την έχω αντι στο span, σε ένα text input ώστε να την κάνω post για να αποθηκευτεί στη βάση?
Δοκίμασα
Αντί του
<span id="lbl_slider_opacity" class="slider_result">1</span>
se
<input id="lbl_slider_opacity" type="text" name="slider_opacity" value="1" />

Αλλά το πεδίο του input δεν αλλάζει όπως το span.

Κάθε βοήθεια δεκτή


Ευχαριστώ
Συνημμένα
1.png

Άβαταρ μέλους
giannis17
Honorary Member
Δημοσιεύσεις: 1215
Εγγραφή: 06 Ιαν 2005 19:50
Τοποθεσία: Παγκράτι - Αθήνα
Επικοινωνία:

css generator script

Δημοσίευση από giannis17 » 18 Δεκ 2014 00:53

αφού χρησιμοποιείς jQuery αντί να κάνεις post την φόρμα πατροπαράδοτα και να παιδεύεσαι κάνε το με ajax και δώσε στην $.post ότι παραμέτρους θες

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

$.post&#40;"arxeio.php", &#123; metavliti1&#58; "timi", metavliti2&#58; "timi" &#125;&#41;.done&#40;function&#40;data&#41;&#123; alert&#40;"The data was saved successfully"&#41;; &#125;&#41;;
όπου arxeio.php είναι το αρχείο που θα διαβάζει τις 2 μεταβλητές $_POST και θα τις περνάει στην βάση.
"There is only one problem with common sense; it’s not very common."
&#8211; Milt Bryce

mpempe
Δημοσιεύσεις: 156
Εγγραφή: 23 Ιουν 2003 02:48
Τοποθεσία: peloponisos

css generator script

Δημοσίευση από mpempe » 19 Δεκ 2014 01:17

gianni
Ευχαριστώ για την απαντηση
Η αληθεια είναι πως δεν εχω εξοικίωση με την ajax και δε μπορεσα να καταλάβω που θα βάλω τον κωδικα που δίνεις.

Η σελίδα μου ειναι asp.net και to post γινεται στο ίδιο αρχείο. (νομιζω αυτό δεν εχει σημασία)

Μετα απο αρκετές δοκιμές δε καταφερα κατι.

Άβαταρ μέλους
giannis17
Honorary Member
Δημοσιεύσεις: 1215
Εγγραφή: 06 Ιαν 2005 19:50
Τοποθεσία: Παγκράτι - Αθήνα
Επικοινωνία:

css generator script

Δημοσίευση από giannis17 » 19 Δεκ 2014 04:05

ουσιαστικά με την ajax πλέον το post δεν γίνεται στο ίδιο αρχείο αλλά σε άλλο (πχ arxeio.asp) όπου τρέχει ο κώδικας που θα περνάει τα δεδομένα στην βάση, ουσιαστικά τον ίδιο κώδικα που έχεις στο υπάρχον αρχείο τον μεταφέρεις σε ένα καινούριο για να εκτελεί το ερώτημα στην βάση από το ajax

ο κώδικας που σου έδωσα αντικαθιστά τα

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

$&#40;"#lbl_slider_opacity"&#41;.text&#40;ui.value&#41;;
            $&#40;"#div_result"&#41;.css&#40;"opacity", ui.value&#41; 
αν δεν γουστάρεις να το κάνεις με ajax μπορείς να φτιάξεις ένα

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

<input id="lbl_slider_opacity" type="text" name="slider_opacity" value="">
και να αλλάζεις το value με

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

$&#40;'input&#91;name="slider_opacity"&#93;'&#41;.val&#40;ui.value&#41;;
"There is only one problem with common sense; it’s not very common."
&#8211; Milt Bryce

mpempe
Δημοσιεύσεις: 156
Εγγραφή: 23 Ιουν 2003 02:48
Τοποθεσία: peloponisos

css generator script

Δημοσίευση από mpempe » 19 Δεκ 2014 23:55

Γιάννη ευχαριστώ για τη βοήθεια
θα το δοκιμάσω και θα σου πω

mpempe
Δημοσιεύσεις: 156
Εγγραφή: 23 Ιουν 2003 02:48
Τοποθεσία: peloponisos

css generator script

Δημοσίευση από mpempe » 24 Δεκ 2014 01:10

Γιάννη ευχαριστώ πολύ
δουλεψε θαυμάσια

mpempe
Δημοσιεύσεις: 156
Εγγραφή: 23 Ιουν 2003 02:48
Τοποθεσία: peloponisos

css generator script

Δημοσίευση από mpempe » 26 Δεκ 2014 22:02

Επανέρχομαι στο θέμα
Εδώ ανέβασα ένα demo του script
http://jsfiddle.net/W4Km8/3249/

Ενώ στο div rgba-result εμφανίζεται κανονικά το rgba πχ rgba(138, 41, 41, 0.8)
στο input δε μπορώ να το εμφανίσω.

Προσπάθησα με τον τρόπο που είπες gianni άλλα δε τα κατάφερα.

Άβαταρ μέλους
giannis17
Honorary Member
Δημοσιεύσεις: 1215
Εγγραφή: 06 Ιαν 2005 19:50
Τοποθεσία: Παγκράτι - Αθήνα
Επικοινωνία:

css generator script

Δημοσίευση από giannis17 » 26 Δεκ 2014 22:57

Στην εκτύπωση σου λείπει μια γραμμή

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

$&#40;"#rgba_result2"&#41;.val&#40;rgba_result&#41;;
"There is only one problem with common sense; it’s not very common."
&#8211; Milt Bryce

mpempe
Δημοσιεύσεις: 156
Εγγραφή: 23 Ιουν 2003 02:48
Τοποθεσία: peloponisos

css generator script

Δημοσίευση από mpempe » 27 Δεκ 2014 01:16

Ευχαριστώ και πάλι. Με βοήθησες πάρα πολύ.

Απάντηση

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

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

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