Javascript για συνέχιση κειμένου!

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

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

Απάντηση
Άβαταρ μέλους
JimKarvo
Δημοσιεύσεις: 497
Εγγραφή: 23 Ιούλ 2005 17:10
Τοποθεσία: Εξάρχεια!
Επικοινωνία:

Javascript για συνέχιση κειμένου!

Δημοσίευση από JimKarvo » 20 Απρ 2006 16:17

Λοιπών.. χρειάζωμαι κώδικα για το εξής:

Θα έχω έναν τίτλο κειμένου, και αν πατήσεις πάνω, να συνεχίζει ένα κείμενο..


ΠΧ:

Καλησπέρα

κάνεις κλικ πάνω του, και..

Καλώς ήρθατε.. μπλα μπλα.. μπλα.. μπλαμπλα μπλα// κτλ, κτλ//

Άβαταρ μέλους
ThyClub
Honorary Member
Δημοσιεύσεις: 5312
Εγγραφή: 17 Νοέμ 2003 00:21
Τοποθεσία: Hell's Kitchen
Επικοινωνία:

Javascript για συνέχιση κειμένου!

Δημοσίευση από ThyClub » 20 Απρ 2006 18:54

Το Javascript :

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

function readMore(divID){
	 itm = null;
	
	if (document.getElementById)
	{
		itm = document.getElementById(divID);
	}
	else if (document.all)
	{
		itm = document.all[divID];
	}
	else if (document.layers)
	{
		itm = document.layers[divID];
	}
	if (itm.style.display == "none")
		{
			itm.style.display = "";
		}
		else{
			if ( ! itm ) return;
	
			itm.style.display = "none";
		}
  }
  //--></script>
και το HTML:

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

<div><a href="#" onClick="readMore&#40;'text'&#41;;">Καλησπέρα</a></div>
<div id="text" style="display&#58;none;">Καλώς ήρθατε.. μπλα μπλα.. μπλα.. μπλαμπλα μπλα// κτλ, κτλ//</div>


Άβαταρ μέλους
JimKarvo
Δημοσιεύσεις: 497
Εγγραφή: 23 Ιούλ 2005 17:10
Τοποθεσία: Εξάρχεια!
Επικοινωνία:

Javascript για συνέχιση κειμένου!

Δημοσίευση από JimKarvo » 20 Απρ 2006 21:52

H html δεν δουλέυει!

Πρέπει να βάλω κάπου κα την Javascript?

Άβαταρ μέλους
JimKarvo
Δημοσιεύσεις: 497
Εγγραφή: 23 Ιούλ 2005 17:10
Τοποθεσία: Εξάρχεια!
Επικοινωνία:

Javascript για συνέχιση κειμένου!

Δημοσίευση από JimKarvo » 20 Απρ 2006 22:09

Ok, το βρήκα!

Βάζεις και το "<script type="text/javascript">" στον κωδικα της javascript!

Και τον βάζεις όλο μάζι, αλλά:

Αυτό θα μπει στο κάτω κάτω μέρως του site, ενώ αν πατήσεις πάνω στον τίτλο, σε πάει στο πάνω μέρος του σιτε!

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

Javascript για συνέχιση κειμένου!

Δημοσίευση από skeftomilos » 20 Απρ 2006 23:28

ThyClub νομίζω κάπου παράπεσε το tag ανοίγματος του script element, καθώς και ένα return false! :)

Μία άλλη λύση:

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

<a href="javascript&#58;void&#40;0&#41;"
  onclick="this.nextSibling.style.display='inline';return false">Καλησπέρα</a><span
  style="display&#58;none"> Καλώς ήρθατε.. μπλα μπλα.. μπλα.. μπλαμπλα μπλα// κτλ, κτλ//</span>
Καμιά απ' αυτές τις δύο λύσεις δεν είναι ικανοποιητική. Το κρυμμένο περιεχόμενο είναι μη προσβάσιμο στους χρήστες χωρίς JavaScript. Το σωστό είναι να γίνει με JavaScript τόσο η απόκρυψη του κειμένου όσο και εμφάνιση, και επίσης με JavaScript πρέπει να εμφανιστεί το ψευδο-link. Το κόστος φυσικά είναι ότι για να γίνουν όλα «όπως πρέπει» χρειάζεται κάμποσος επιπλέον κώδικας.
The pure and simple truth is rarely pure and never simple. Ο μη νους δε σκέπτεται μη σκέψεις για το τίποτα.

zeppos
Δημοσιεύσεις: 431
Εγγραφή: 26 Μαρ 2006 10:43
Τοποθεσία: Kyklades
Επικοινωνία:

Javascript για συνέχιση κειμένου!

Δημοσίευση από zeppos » 21 Απρ 2006 10:00

Έψαχνα καιρό για ένα τέτοιο μικρό για να βγάζω μικρά μηνύματα στα link μέσα σε πλαίσιο. Δεν γνωρίζω σχεδόν τίποτα από Java..όμως έβαλα λοιπόν άλλη μια μικρή function στο script:
function readOut(text) {
itm.style.display = "none";
}
και στο body έγινε:
<table width="200">
<tr><td>
<div><a href="#" onmouseOver="readMore('text');" onmouseout="readOut('text');">Link</a></div>
<div id="text" style="display:none;">Mpla - mpla </div>
</td></tr></table>
Έγραψα και ένα μικρό:
<style>
#text {
font-size:13px;font-family:Verdana,Arial,Helvetica,sans-serif;color:blue;
border: 1px solid #948252;
background-color:#fff000;
}
</style>
στο head και έτσι βγαίνει ένα ωραίο (γνώμη μου!) μικρό κίτρινο πλαίσιο με το μήνυμα όταν βάζεις το ποντίκι και χάνεται onmouseOut..
Ευχαριστώ φίλοι! Τι μαθαίνει κανείς εδώ είναι απίστευτο!!

Άβαταρ μέλους
ThyClub
Honorary Member
Δημοσιεύσεις: 5312
Εγγραφή: 17 Νοέμ 2003 00:21
Τοποθεσία: Hell's Kitchen
Επικοινωνία:

Javascript για συνέχιση κειμένου!

Δημοσίευση από ThyClub » 21 Απρ 2006 16:19

@skeftomilos

Παναθεμά το copy paste μου :wink:

Απάντηση

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

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

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