Αλλαγή κειμένου onfocus

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

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

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

Αλλαγή κειμένου onfocus

Δημοσίευση από Banavas » 03 Σεπ 2008 10:48

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

<input name="text1" type="text" onfocus="document.getElementById&#40;'target'&#41;.src = 'images/rooms/<? echo $row&#91;'photo'&#93;; ?>' "  />
Με τον παραπάνω κώδικα αλλάζει μιά φωτογραφία μόλις γίνει focus το input.
Αυτό που θέλω είναι να ταυτόχρονα με την αλλαγή της φωτογραφίας να αλλάζει και ένα κείμενο κάτω από την φωτογραφία.
Μπορεί να γίνει; Πώς;
Happy coding....
Μάρκος
http://lasernet.gr

mariosnadege
Δημοσιεύσεις: 23
Εγγραφή: 07 Δεκ 2007 10:28
Τοποθεσία: Εύβοια
Επικοινωνία:

Αλλαγή κειμένου onfocus

Δημοσίευση από mariosnadege » 03 Σεπ 2008 12:59

Μπορούμε να φτιάξουμε ένα id (εδώ το ονομάζω comment) που θα περιέχει τα κείμενα και στο onfocus αλλάζουμε το innerHTML του :

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

<div id="comment">text</div>
<input name="text1" type="text" onfocus="document.getElementById&#40;'comment'&#41;.innerHTML = 'other text' "  />

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

Αλλαγή κειμένου onfocus

Δημοσίευση από Banavas » 03 Σεπ 2008 13:04

Ευχαριστώ για την απάντηση.

Το θέμα είναι οτι το onfocus περιέχει ήδη μια εντολή για την αλλαγή της εικόνας. Μπορεί να μπεί και δεύτερη εντολή στο onfocus; και αν ναι πως.

edit
το ξανασκεύτηκα και θα βάλω την εικόνα μέσα στο DIV
Happy coding....
Μάρκος
http://lasernet.gr

mariosnadege
Δημοσιεύσεις: 23
Εγγραφή: 07 Δεκ 2007 10:28
Τοποθεσία: Εύβοια
Επικοινωνία:

Αλλαγή κειμένου onfocus

Δημοσίευση από mariosnadege » 03 Σεπ 2008 13:15

Μπορεί το onfocus να καλεί μια function, που θα περιέχει και τις δύο εντολές :

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

<input name="text1" type="text" onfocus="change&#40;&#41;" /> 

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

<script language="javascript">
  function change&#40;&#41;
  &#123;
    document.getElementById&#40;"target"&#41;.src = "images/rooms/<? echo $row&#91;'photo'&#93;; ?>";
    document.getElementById&#40;"comment"&#41;.innerHTML = "other text"; 
  &#125;
</script>

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

Αλλαγή κειμένου onfocus

Δημοσίευση από Banavas » 03 Σεπ 2008 15:57

<script language="javascript">
function change()
{
document.getElementById("target").src = "images/rooms/<? echo $row['photo']; ?>";
document.getElementById("comment").innerHTML = "other text";
}
</script>
Στην περίπτωση μου δεν μπορεί να χρησιμοιοιηθεί το παραπάνω γιατί αυτό

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

document.getElementById&#40;"target"&#41;.src = "images/rooms/<? echo $row&#91;'photo'&#93;; ?>
βρίσκεται μέσα σε loop.

Λειτούργησε όμως μια χαρά αυτό

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

<div id="comment">text</div> 

<input name="text1" type="text" onfocus="document.getElementById&#40;'comment'&#41;.innerHTML = 'other text' "  /> 
Thanks
Happy coding....
Μάρκος
http://lasernet.gr

Άβαταρ μέλους
dva_dev
Script Master
Δημοσιεύσεις: 3790
Εγγραφή: 16 Σεπ 2005 01:32
Επικοινωνία:

Αλλαγή κειμένου onfocus

Δημοσίευση από dva_dev » 03 Σεπ 2008 19:00

Κάνε το με function και πέρνα ότι δεν μένει ίδιο σαν παράμετρο είτε είναι σε loop είτε όχι.

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

Αλλαγή κειμένου onfocus

Δημοσίευση από Banavas » 03 Σεπ 2008 19:50

Δεν είναι κάτι σημαντικό. Όλα γίνονται με PHP αλλά σε σε κάποιο σημείο που γίνεται εναλλαγή εικόνων θέλω να αποφύγω την επαναφόρτωση της σελίδας.
Happy coding....
Μάρκος
http://lasernet.gr

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

Αλλαγή κειμένου onfocus

Δημοσίευση από Banavas » 05 Σεπ 2008 15:05

Άλλη μια ερώτηση ψιλοσχετική.
Στην ίδια φόρμα έχω ένα checkbox disabled. Πως γίνεται να γίνεται enabled όταν γραφτεί ένας αριθμός στο textbox;

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

 text1 <input name="text1" type="text" size="4" maxlength="4" /> 
&nbsp;<input name="check1" type="checkbox" value="Y"  disabled="disabled" />check1
Δηλαδή όταν παίρνει κάποια τιμή το text1 να γίνεται enable to check1

AKYΡO το έκανα
Happy coding....
Μάρκος
http://lasernet.gr

Απάντηση

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

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

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