Πρώτα Βήματα - Web Development

Απ: Javascript και asp.net. Δεν επιστρέφει το getElementId το id του control

George J. Capnias — Wed, 20 Aug 2008 00:58:18 GMT

Με το this, περνάς ένα Javascript runtime reference του html control object που έχει γίνει rendered στο browser.

Το id που αναφέρεις είναι property μέσα σε αυτό το object - αλλά το id αλλάζει συνεχώς, χωρίς υποσχέσεις ότι θα είναι το ίδιο την επόμενη φορά που θα γίνει render το control.

George J.

Απ: Javascript και asp.net. Δεν επιστρέφει το getElementId το id του control

epp1123 — Wed, 20 Aug 2008 00:41:26 GMT

Σωστό και αυτό. Είπα να πάρω το δύσκολο δρόμο για να μάθω Θα το έχω υπόψιν μου πάντως. Ερώτηση, με το this δε θα μπερδευτεί όταν αλλάξει το όνομα του control στον client?? Δηλαδή γίνει από Image1 σε "ctl00_MaintableRoundPanel_ContentPlaceHolde κτλ κτλ"

Ευχαριστώ

Απ: Javascript και asp.net. Δεν επιστρέφει το getElementId το id του control

George J. Capnias — Tue, 19 Aug 2008 23:47:50 GMT

Θα μπορούσες να το κάνεις ποιο απλά ακόμα:

Αν υποθέσουμε ότι τα οι 4 μικρές φωτογραφίες παραμένουν asp:image controls, αλλά η μεγάλη γίνεται ένα html img control με id="previewImg", θα μπορούσες σε κάθε μικρή φωτογραφία να βάλεις ένα attribute στο onmouseover="previewImage(this)"
Αν ορίσεις και το Javascript function:

function previewImage(imgControl){
var previewImage = document.getElementById("previewImg");
previewImage.src = imgControl.src;
}

Δεν έχει άλλο, τελείωσε...

George J.

Απ: Javascript και asp.net. Δεν επιστρέφει το getElementId το id του control

epp1123 — Tue, 19 Aug 2008 21:35:05 GMT

Τελικά είμαι και πολύ μπουμπούνας. Τόση ώρα το αντιμετωπίζω εντελώς λάθος. Σαν όρισμα της συνάρτησης δεν χρειάζεται να βάλουμε το getElementByID() μιας και η μέθοδος μας δίνει απευθείας reference στο αντικείμενο. Αυτό που έπρεπε να γράψω είναι το changeImage(document.getElementById('ctl00_MaintableRoundPanel_ContentPlaceHolder_CarTabs_FotografiesRoundPanel_Photo2').src για να πάρω το path της εικόνας.

Μου φαίνεται πολύ καιρό έχω να γράψω javascript.

Javascript και asp.net. Δεν επιστρέφει το getElementId το id του control

epp1123 — Tue, 19 Aug 2008 20:40:51 GMT

Καλησπέρα καλησπέρα. Εύχομαι να είστε καλά. Έχουμε και λέμε. Χρησιμοποιώ 5 <asp:Image> μέσα σε μία σελίδα. Τα 4 μικρά σε μέγεθος και το 5ο μεγάλο. Θέλω όταν περνάει το ποντίκι πάνω από ένα μικρό, να φορτώνει η φωτογραφία που έχει στο μεγάλο. Παίρνω και εγώ το attribute, κάνω ένα add, γράφω και το javascript (καλά λεγόνταν livescript, τι ήθελαν και το άλλαξαν), αλλά ποτέ δε παίρνω το id του control. Εάν βάλω alert μέσα στο function μου εμφανίζει το "objectHTMLImageElement". 2 ώρες το παλεύω και όλο σκουντουφλάω. Σας δίνω και τον κώδικα για να ξέρετε και τι γίνεται.

  Photo2.Attributes.Add("onmouseover", "changeImage(document.getElementById('ctl00_MaintableRoundPanel_ContentPlaceHolder_CarTabs_FotografiesRoundPanel_Photo2'))")
  Photo3.Attributes.Add("onmouseover", "changeImage(document.getElementById('ctl00_MaintableRoundPanel_ContentPlaceHolder_CarTabs_FotografiesRoundPanel_Photo3'))")
  Photo4.Attributes.Add("onmouseover", "changeImage(document.getElementById('ctl00_MaintableRoundPanel_ContentPlaceHolder_CarTabs_FotografiesRoundPanel_Photo4'))")
  Photo5.Attributes.Add("onmouseover", "changeImage(document.getElementById('ctl00_MaintableRoundPanel_ContentPlaceHolder_CarTabs_FotografiesRoundPanel_Photo5'))")

και το javascript

function changeImage(control)
{
ctl00_MaintableRoundPanel_ContentPlaceHolder_CarTabs_FotografiesRoundPanel_Photo1.src = control.src;
}

Ευυυχαριστώ!