Γίνετε μέλος του Dr-blogger στο fb.Απλά πατήστε like από κάτω

photto




3 Νέος κώδικας HIDE/SHOW (button+image)

 Χαράς ευαγγέλια...♥♫ ♥♫♥♥♥♥♥
Αν δεν μου το ζητούσαν δεν θα το θυμόμουν να ψάξω να βρω άλλον κώδικα hide/show που να λειτουργεί...(ο άλλος τάπαιξε στη στροφή Διαδικτύου και Γκουγκλαμάρας) ...βλέπετε η google τελευταία, όλο αλλάζει το τρόπο ενσωμάτωσης html, και ο προηγούμενος κώδικας δεν δούλευε από ένα σημείο και μετά...για αυτό μόλις μου το ξαναθύμισε ο φίλος geo, βρήκα έναν άλλο και σας τον παρουσιάζω.....
ΤΟ SCRIPT: 


<script language="javascript">
<!--
var state = 'none';

function showhide(layer_ref) {

if (state == 'block') {
state = 'none';
}
else {
state = 'block';
}
if (document.all) { //IS IE 4 or 5 (or 6 beta)
eval( "document.all." + layer_ref + ".style.display = state");
}
if (document.layers) { //IS NETSCAPE 4 or below
document.layers[layer_ref].display = state;
}
if (document.getElementById &&!document.all) {
hza = document.getElementById(layer_ref);
hza.style.display = state;
}
}
//-->
</script>

O ΚΩΔΙΚΑΣ  HTML: (παρουσιάζει button και εικόνα)


<p><a href="##" onclick="showhide('div1');"><img src="ΕΔΩ Η ΔΙΕΥΘΥΝΣΗ URL ΤΟΥ BUTTON" height="24" width="144" /></a></p>
<div id="div1" style="display: none;"><img src="ΕΔΩ Η ΔΙΕΥΘΥΝΣΗ URL ΤΗΣ ΕΙΚΟΝΑΣ" height="150" width="230" /></div>

ΕΠΕΞΗΓΗΣΕΙΣ:
***καθε φορά που θέλετε να βάλετε κι άλλο κουμπί με hide/show θα επαναλαμβάνετε το κώδικα html, αλλά θα βάζετε άλλο αριθμό "div" .....δηλαδή :  ('div1')  ('div2')  ('div3')   ...(και τα δυο div θα αλλάζετε)

***Mε μπλε γράμματα οι διαστάσεις button (κουμπί)  και image (εικόνα)

***Αν θέλετε να κρύψετε ένα κείμενο (αντί για εικόνα) αντικαταστήστε το κώδικα με το κόκκινο φόντο, με το κείμενο που θέλετε να βάλετε...
***όταν τα ανοίγετε όλα μαζί, παρουσιάζει μια μικρή "ιδιαιτερότητα" ...πρέπει να πατηθεί 2 φορές για να ανοίξει η να κλείσει ...(πιστεύω οτι δεν είναι τόσο σημαντικό για κάποιον που χρειάζεται οπωσδήποτε έναν κώδικα hide-show)....
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!
ΕΡΕΥΝΑ ΠΡΟΣΑΡΜΟΓΗ : dr-blogger  (pan de lees)
{Αν σας άρεσε αυτή η ανάρτηση, ξοδέψτε 5'' από το χρόνο σας να τη μοιράσετε με τα πλήκτρα από κάτω}
Related Posts Plugin for WordPress, Blogger...
Print Friendly and PDF

3 σχόλια:

George Kats. είπε...

Καλημέρα και ευχαριστώ πολύ για την υπέροχη βοήθεια που μας παρέχεις. Δυο ερωτήσεις αν μου επιτρέπεις.
1) Πόσους κώδικες javascript μπορεί να έχει ένα blog χωρίς να μπερδεύονται;
2) Και που βάζουμε αυτόν τον κωδικό;
Ευχαριστώ πολύ και καλή συνέχεια.

pandelees karagiann είπε...

Γιώργο, δεν ειναι θέμα ποσότητας...το ζητούμενο είναι πάντα να μη συγκρούονται μεταξύ τους...μπορεί ένας κώδικας javascript να εμποδίζει έναν άλλο να εκτελέσει τη λειτουργία για την οποία τον βάλαμε (πχ κίνηση σε ένα slider)...
αυτόν τον κώδικα (σε ένα blog) μπορούμε να τον βάλουμε όλον (και με επί πλέον κουμπιά) σαν gadget HTML/javascript στη "Σχεδίαση"...
φυσικά σε μία ιστοσελίδα θα τον μοιράσουμε στο head και στο body (αλλα νομιζω οτι αυτο δεν σε ενδιαφέρει)...

George Kats. είπε...

Σε ευχαριστώ πολύ για την άμεση απάντηση, και για τις λύσεις που μας δίνεις.