Fisheye Menus

HaPagan · 3 Μαρτίου 2003

Ρε παιδιά ξέρει κανείς πληροφοριές γενικά για τα fisheye menus και με ποια γλώσσα μπορώ να δημιουργήσω ένα ;; Θέλω βασικά να το φτιάξω με javascript . Έχω την εντύπωση ότι γίνεται . <img src="http://www.insomnia.gr/ubbthreads/images/graemlins/confused.gif" alt="" />

Σχετική σελίδα που μόλις βρήκα (αλλά δυστυχώς είναι φτιαγμένο το μενού σε Flash):

http://www.samuelwan.com/downloads/com.samuelwan.eidt/fisheyemenu/FisheyeMenuDemo.html

Ξέρετε αν μπορεί να γίνει με javascript???

apoc · 3 Μαρτίου 2003

τωρα συγνωμη το δευτερο menu με εκεινο το distortion το βλεπεις πρακτικο? Αν δεις λιγο DHTML και javascript Μπορεις να φιαξεις πολυ ομορφα και λειτουργικα Menu! ουτε flash -ποζεριες ουτε τιποτα!

HaPagan · 4 Μαρτίου 2003

Βασικά φίλε apoc , δεν το βλέπο καθόλου πρακτικό αλλά το θέμα είναι ότι το βλέπει ο καθηγητής στο Πανεπιστήμιο! <img src="http://www.insomnia.gr/ubbthreads/images/graemlins/frown.gif" alt="" />

Ρε γαμώτο μου φαίνεται δύσκολο να το κάνω ...

Dionisos · 4 Μαρτίου 2003

Den mas exeis pei akrivws omws afta pou zhtas kai mas dyskoleveis! Me JavaScript einai sxetika efkolo na ftia3eis kati tetoio. Prepei omws na 3ereis oti den mporei na ginei mesa se textarea, opws einai afto sto flash.

Estw oti exeis enan ari8mo apo divs, o opoios mporei na einai opoiosdhpote. Esy se ka8e div 8a exeis ena onMouseOver sto opoio 8a kaleis mia function kai 8a ths dineis se poio div vrisketai to mouse apo panw. Etsi me ena for loop 8a allazeis to font size se ka8e div analoga me to poso konta einai sto div sto opoio vrisketai apo panw to mouse, xrhsimopoiontas ton array twn divs apo to DOM.

Filika

Dionisos

HaPagan · 13 Απριλίου 2003

Τι ακριβώς εννοείς ρε Διονύση με το divs ; Μπορείς να μου εξηγήσεις αναλυτικότερα ;

CodeMan · 14 Απριλίου 2003

Emena pantws mou fainetai idio to FisheyeMenu 1 me to listbox tis VB.

HaPagan · 14 Απριλίου 2003

Ναι ρε codeman . Αυτό συμβαίνει επειδή οι επιλογές του μενού δεν υπερβαίνουν το μήκος της λίστας , έτσι δεν χρειάζεται να ενεργοποιηθεί η λειτουργία του μενού .

HaPagan · 14 Μαΐου 2003

Επαναφέρω το θέμα μιας και πλησιάζει ο καιρός παράδοσης της εργασίας .

Dionisos
said:

Estw oti exeis enan ari8mo apo divs, o opoios mporei na einai opoiosdhpote. Esy se ka8e div 8a exeis ena onMouseOver sto opoio 8a kaleis mia function kai 8a ths dineis se poio div vrisketai to mouse apo panw...

Λοιπόν πως γίνεται να δημιουργήσω μια συνάρτηση που να ξέρει πάνω σε ποια επιλογή του μενου (div που λέει και ο Διονύσης) βρίσκεται ;; Προφανώς αυτή η συνάρτηση θα ενεργοποιείται όταν ενεργοποιείται το onMouseOver .

apoc · 14 Μαΐου 2003

h magikh leksh gia sena akouei sto onoma DOM!

ypotheto apo to DOM tree tou document meso ths javascript tha dhlonei pou einia!

HaPagan · 14 Μαΐου 2003

Το κακό είναι ότι ούτε που ξέρω τι είναι το DOM ! Τέλωσπάντων θα το ψάξω λίγο το θέμα και το πολύ πολύ αν βγάλω άκρη , θα ξανακάνω post ! Thanks apoc!

YΓ.Σχετικό link με κάποιο καλό tutorial για DOM ;;;

apoc · 14 Μαΐου 2003

des peri DHTML and DOM

edo

http://www.w3schools.com/dhtml/dhtml_dom_examples.asp

HaPagan · 14 Μαΐου 2003

Χίλια ευχαριστώ !! Κάτι γίνεται τώρα . Μπαίνω σιγά-σιγά στο νόημα και έχβ την εντύπωση πλέον ότι δεν είναι και τόσο δύσκολο . <img src="http://www.insomnia.gr/ubbthreads/images/graemlins/smile.gif" alt="" />

HaPagan · 14 Μαΐου 2003

Λοιπόν , έχω φτάσει σε ένα καλό σημείο αλλά έχω κολλήσει .

> <html>
<head>
<title>Divs</title>
<script type="text/JavaScript">	
	function editElement(){
		var x=document.getElementById("sel1")				
		 document.getElementById("sel1").style.font-weight=bold
	}
	function Restore(){
		var x=document.getElementById("sel1")
		x.firstChild.nodeValue = "Home Page"		
	}
</script>
</head>
<body>

<a href="main.php"  ID="sel1" onMouseOver="editElement()" >Home Page</a><br>
<a href="main.php" ID="sel2" >Register</a><br>
<a href="main.php" ID="sel3" >Login</a>

</body>
</html>

Τι αλλαγές πρέπει να κάνω στη συνάρτηση editElement έτσι ώστε όταν ενεργοποιείται το onMouseOver να γίνεται το αντίστοιχο κείμενο bold ;

Dionisos · 15 Μαΐου 2003

Loipon, epeidh eixa anapsei ta aimata paliotera me ta divs kai to DOM, epanerxomai na valw ta pragmata se ta3h <img src="http://www.insomnia.gr/ubbthreads/images/graemlins/tongue.gif" alt="" />

Ap oso katalavainw Hapy 8eleis na ftia3eis kati e3 oloklhrou se Javascript kai se afto to xwro 8a kinh8w.

Prwta ap ola loipon xreiazesai arketa links, kai divs, gia na fanei omorfa to effe. Proteinw loipon th dhmiourgia enos array disdiastatou sto opoio 8a vazeis to href kai to description tou ka8e link pou 8eleis na ftia3eis. Dhmiourgontas ena tetoio array kaneis thn efarmogh sou pio grhgora extensible, xwris poly hardcoding.

Afou oriseis to array sou, dhmiourghse ena for loop, to opoio 8a grafei sthn HTML ta links/divs sou:

>
for(var i=0;i<myArray.length;i++)
{
   document.write("<div id='id"+i+"'><a href='"+myArray[i][0]+"'>"+myArray[i][1]+"</a></div>");
}

Meta apo afto exeis mia lista apo divs pou exoun id opws id1, id2, id3 klp!

Gia na 3eroume omws panw se poio ap ola ta divs vrisketai to pontiki, prepei na pros8esoume ena mouseover event sto div pou ftia3ame parapanw:

>
document.write("<div onMouseOver="overLink(this)" id='id"+ ...

To overLink 8a einai mia me8odos h opoia 8a dexetai san variable to div to opoio kalei thn me8odo (gi afto kai to this). H me8odos afth 8a prepei na kanei extract to id tou div, opote vlepontas to noumero tou pia na phgainei me ena for loop kai mesw tou DOM na allazei ta styles twn div pou exoun id mikrotero h megalytero kata 1 se ena mege8os grammatwn pou esy 8a oriseis. Analoga gia ids pio apomakrysmena to mege8os grammatwn 8a einai mikrotero.

Elpizw ta parapanw na sou edwsan mia genikh idea gia to pws na to prospa8hseis <img src="http://www.insomnia.gr/ubbthreads/images/graemlins/wink.gif" alt="" />

Psa3to ligo kai an exeis ki alla probs edw eimaste <img src="http://www.insomnia.gr/ubbthreads/images/graemlins/smile.gif" alt="" />

Filika

Dionisos

HaPagan · 15 Μαΐου 2003

Διονύση ευχαριστώ πραγματικά για την πολύτιμη βοήθειά σου.Βασικά έχω φτιάξει ήδη μια σελίδα υποστήριξης του fisheye menu μέσω της οποίας μπορείς να εισάγεις δυναμικά με χρήση PHP τις επιλογές σε μια βάση δεδομένων από την οποία μετά θα πέρνει τις επιλογές το μενού . Απλά μου μένει μόνο να υλοποιήσω το εφέ του fisheye menu ! Ελπίζω μετά από όλα αυτά που μου είπες να μην αντιμετωπίσω κάποιο πρόβλημα .

Με το καλό όταν τελειώσω , θα σας δημοσιοποιήσω το url για να το δείτε . <img src="http://www.insomnia.gr/ubbthreads/images/graemlins/smile.gif" alt="" />

Σύνδεση

Fisheye Menus

Προτεινόμενες αναρτήσεις

HaPagan

apoc

HaPagan

Dionisos

HaPagan

CodeMan

HaPagan

HaPagan

apoc

HaPagan

apoc

HaPagan

HaPagan

Dionisos

HaPagan

Αρχειοθετημένο

Σύνδεση