Onclick table?

Από που να ξεκινήσω; Που θα βρω; κ.α. γενικές ερωτήσεις για την δημιουργία μιας ιστοσελίδας.

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

Απάντηση
_DaGaD_
Δημοσιεύσεις: 16
Εγγραφή: 02 Νοέμ 2009 10:58

Onclick table?

Δημοσίευση από _DaGaD_ » 08 Νοέμ 2009 19:34

Καλησπέρα,

Προσπαθώ να κάνω από έναν πίνακα με 5 εικόνες που είναι link, να εμφανίζει κείμενο και εικόνες στην ίδια σελίδα σε κάποιο άλλο σημείο, και να αλάζει το περιεχόμενο αναλόγως σε ποιά από τις 5 εικόνες κάνεις κλίκ..

..αλλά δεν έχω ιδέα πως να το κάνω.

Καμιά ιδέα;;

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

Onclick table?

Δημοσίευση από dimsis » 08 Νοέμ 2009 20:09

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http&#58;//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Εμφάνιση περιεχομένου αναλόγως της εικόνας που κάναμε κλικ</title>
<style>
#menuid img &#123;border&#58;4px solid #09C&#125;
#menuid img&#58;hover &#123;border&#58;4px solid #F00&#125;
</style>
</head>
<script>
var txt = new Array&#40;"Μπλα μπλα μπλα κείμενο 1", "Τι ωραία που περνάμε το χρόνο μας", "Freestuff is here to serve you. "&#41;
function showText&#40;txtId&#41;
&#123;
    if &#40;txtId == -1 &#41;&#123;
          document.getElementById&#40;'textid'&#41;.style.display='none'
          document.getElementById&#40;'textid'&#41;.innerHTML=""
    &#125;
    else &#123;
    document.getElementById&#40;'textid'&#41;.style.display='block'
    document.getElementById&#40;'textid'&#41;.innerHTML=txt&#91;txtId&#93;
    &#125;
&#125;
</script>
<body>
<div id="textid" style="display&#58;none; height&#58;100px; width&#58;300px"></div>
<div id="menuid"> <img src="http&#58;//farm3.static.flickr.com/2489/3862329738_2e11b6bcc1_s.jpg" onclick="showText&#40;0&#41;" alt="Περιεχόμενο #1" /> <img src="http&#58;//farm3.static.flickr.com/2545/3864446568_9fcc493734_s.jpg" onclick="showText&#40;1&#41;" alt="Περιεχόμενο #2" /> <img src="http&#58;//farm4.static.flickr.com/3479/3884230409_f3d930bcfd_s.jpg" onclick="showText&#40;2&#41;" alt="Περιεχόμενο #3" /><br />
  <button onclick="showText&#40;-1&#41;">Καθάρισμα</button>
</div>
</body>
</html>
Demo: http://www.avadaz.com/playground/changecontent.htm

παραλλαγή από εδώ: http://www.experts-exchange.com/Web/Web ... JavaScript/Q_21041497.html

_DaGaD_
Δημοσιεύσεις: 16
Εγγραφή: 02 Νοέμ 2009 10:58

Onclick table?

Δημοσίευση από _DaGaD_ » 08 Νοέμ 2009 20:23

Ωραίος ο man!

Ευχαριστώ πάρα πολύ!

:)

_DaGaD_
Δημοσιεύσεις: 16
Εγγραφή: 02 Νοέμ 2009 10:58

Onclick table?

Δημοσίευση από _DaGaD_ » 09 Νοέμ 2009 18:49

Μέχρι εδώ καλά..

Αν θες μορφοποιημένο κείμενο με εικόνες που επίσης θα αλάζουν μέσα;

Μήπως να το κάνω με frames; Αλλά θα βγει μάπα μετά γιατί παίζουν 2 πίνακες με link δεξιά, επάνω παίζει banner κι ήθελα απ'τον 2ο πίνακα τα link να βγαίνουν δεξιά απ'τους 2 πίνακες και φυσικά κάτω απ'το banner αλλά μέσα στο ίδιο background.

Ουφ, είμαι πολύ άσχετος τελικά..


edit:
Υ.Γ. iframe μέσα σε div ;

edit2: αλλά το iframe δεν έχει event ιδιότητες. πονοκέφαλος.. :evil:

edit3: Εντάξει πολύ το κούρασα.. θα γράψω 5 φορές το ίδιο site και στο καθένα θα αλάζει το περιεχόμενο, θα το κολήσω στο κάθε link και .. βουαλά!
:D


Ευχαριστώ πάντως! :)

Απάντηση

Επιστροφή στο “Γενικές ερωτήσεις κατασκευής ιστοσελίδων”

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

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