Photo Text

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

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

Απάντηση
Άβαταρ μέλους
alexkli
Δημοσιεύσεις: 69
Εγγραφή: 01 Σεπ 2004 19:32

Photo Text

Δημοσίευση από alexkli » 28 Απρ 2005 19:38

Χρονια πολλά σε όλους!
Δεν ξέρω ρε παιδια ενα scriptaki το οποίο θέλω να κάνει το εξής!!!
Ας υποθέσουμε πως έχω 5 μικρες φωτογραφίες στη σειρά... πατώντας κάποια απο αυτές θέλω στην ίδια σελίδα να εμφανίζεται κείμενο για λεπτομέρεις που αφορούν τη συγκεκριμένη φωτοφραφία!Είναι αυτονόητο πως το ίδιο θέλω να συμβαίνει με τον λοιπό "χ" "ψ" αριθμό φωτογραφιών.
Σας ευχαριστώ πολυ εκ΄των προτέρων για την ανάγνωση!

Άβαταρ μέλους
goofakos
Δημοσιεύσεις: 494
Εγγραφή: 18 Απρ 2005 00:05
Τοποθεσία: Somewhere between that riff and the other one.

Photo Text

Δημοσίευση από goofakos » 28 Απρ 2005 20:09

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

<html>
<head>
<script language="javascript" type="text/javascript">
<!--
	var img1 = "Perigrafh eikonas 1";
	var img2 = "Perigrafh eikonas2";
	var img3 = "Perigrafh eikonas3";

	function txt1&#40;&#41;
		&#123;
			imgtxt.txts.value=img1;
		&#125;
	function txt2&#40;&#41;
		&#123;
			imgtxt.txts.value=img2;
		&#125;
	function txt3&#40;&#41;
		&#123;
			imgtxt.txts.value=img3;
		&#125;
//-->
</script>
</head>
<body>
<img src="1.jpg" onClick="txt1&#40;&#41;;">
<img src="2.jpg" onClick="txt2&#40;&#41;;">
<img src="3.jpg" onClick="txt3&#40;&#41;;">

<form name="imgtxt" id="imgtxt">
<textarea readonly name="txts" id="txts">
Εδώ θα εμφανίζεται το κείμενο
</textarea>
</form>
</body>
</html>
Και συνεχίζεις βάζοντας όσα ακόμα θές.. Δεν το δοκίμασα αλλά πιάνει νομίζω :) Αυτό σκέφτηκα τώρα.. :)
He who asks is a fool for five minutes, but he who does not ask remains a fool forever.

Άβαταρ μέλους
alexkli
Δημοσιεύσεις: 69
Εγγραφή: 01 Σεπ 2004 19:32

Photo Text

Δημοσίευση από alexkli » 28 Απρ 2005 20:12

θα το δοκιμάσω τώρα και θα σου πω!!!!
Thanks a lot!
Υπάρχει περίπτωση να έχω πρόβλημα με τις φωτογραφίες επειδή τους έχω πετάξει ενα rollover effect ?

Άβαταρ μέλους
goofakos
Δημοσιεύσεις: 494
Εγγραφή: 18 Απρ 2005 00:05
Τοποθεσία: Somewhere between that riff and the other one.

Photo Text

Δημοσίευση από goofakos » 28 Απρ 2005 20:22

Δεν νομίζω.. αρκεί να προσέξεις ρολλοβερς και ο κώδικας που έδωσα να μην έχουν πουθενά ίδιες ονομασίες (π.χ. εκεί που έχω βάλει vars) :)
He who asks is a fool for five minutes, but he who does not ask remains a fool forever.

Άβαταρ μέλους
skeftomilos
Script Master
Δημοσιεύσεις: 2888
Εγγραφή: 07 Ιαν 2005 07:22
Τοποθεσία: Αθήνα

Photo Text

Δημοσίευση από skeftomilos » 28 Απρ 2005 21:57

Πολύ γρήγορος ο goofakos!

Μία άλλη εκδοχή:

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

<html>
  <head>
    <style type="text/css">
      div#info &#123;
        background&#58;yellow;
        border&#58;1px solid gray;
      &#125;
      img.active &#123;
        cursor&#58;pointer;
      &#125;
    </style>
    <script type="text/javascript">
      function showinfo&#40;image&#41; &#123;
        document.getElementById&#40;"info"&#41;.innerHTML = image.getAttribute&#40;"info"&#41;
      &#125;
    </script>
  </head>
  <body>
    <img class="active" src="1.png" info="Perigrafh eikonas 1" onClick="showinfo&#40;this&#41;">
    <img class="active" src="2.png" info="Perigrafh eikonas 2" onClick="showinfo&#40;this&#41;">
    <img class="active" src="3.png" info="Perigrafh eikonas 3" onClick="showinfo&#40;this&#41;">
    <div id="info">&nbsp;</div>
  </body>
</html>
Δουλεύει σε Firefox, IE, Opera.

Θα μπορούσες ίσως να παγιδεύσεις το onMouseOver αντί για το onClick. Διαφορετικό, όχι απαραίτητα καλύτερο.
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

Άβαταρ μέλους
alexkli
Δημοσιεύσεις: 69
Εγγραφή: 01 Σεπ 2004 19:32

Photo Text

Δημοσίευση από alexkli » 29 Απρ 2005 19:53

skeftomile ευχαριστώ πολύ!Όλα τέλεια!!!!

Απάντηση

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

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

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