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

1 2 3 4

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;
}

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

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

• Αν υποθέσουμε ότι τα οι 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.

---

George J. Capnias: Χειροπρακτικός Υπολογιστών, Ύψιστος Γκουράρχης της Κουμπουτερολογίας w: capnias.org, t: @gcapnias, l: gr.linkedin.com/in/gcapnias

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

Ευχαριστώ

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

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

 

George J.

---

George J. Capnias: Χειροπρακτικός Υπολογιστών, Ύψιστος Γκουράρχης της Κουμπουτερολογίας w: capnias.org, t: @gcapnias, l: gr.linkedin.com/in/gcapnias