Ads 468x60px

Δευτέρα, 7 Οκτωβρίου 2013

Combo Box

Φίλες και φίλοι γεια σας σε αυτή την ανάρτηση θα δούμε πως μπορούμε να βάλουμε
στο blog μας, combo box, ένα κουτί με drop down menu με links!Eάν έχουμε πολλές
διευθύνσεις και πολλά urls τότε αυτό το widget μας βοηθά να γλυτώσουμε αρκετό
χώρο στο template μας!

Δείτε το παράδειγμα:





 
Άνοιγμα σε νέο παράθυρο


Η εγκατάσταση του είναι απλή..

Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript 

 και στο παράθυρο που θα ανοίξει βάλτε τον παρακάτω κώδικα--
........................................................................................................................................
<form name="mycombowopt">
<select  name="example" size=1>
    <option value="ΕΔΩ ΤΟ URL ΤΗΣ ΔΙΕΥΘΥΝΣΗ ΣΑΣ">ΕΔΩ Ο ΤΙΤΛΟΣ ΣΑΣ</option>
    <option value="
ΕΔΩ ΤΟ URL ΤΗΣ ΔΙΕΥΘΥΝΣΗ ΣΑΣ">ΕΔΩ Ο ΤΙΤΛΟΣ ΣΑΣ</option>
    <option value="
ΕΔΩ ΤΟ URL ΤΗΣ ΔΙΕΥΘΥΝΣΗ ΣΑΣ">ΕΔΩ Ο ΤΙΤΛΟΣ ΣΑΣ</option>
  </select>&nbsp;<input type="button" value="Go!" onClick="gothere()"> <br>
  <input type="checkbox" name="windowoption" value="ON">Open in alternate window</p>
</form>

<script language="javascript">
<!--

/*Combo box with "open in new window" credit
-By JavaScript Kit (www.javascriptkit.com)
Over 200+ free scripts here!
*/

function gothere(){
var thebox=document.mycombowopt
if (thebox.windowoption.checked){
if (!window.newwindow)
newwindow=window.open("")
newwindow.location=
thebox.example.options[thebox.example.selectedIndex].value
}
else
location=
thebox.example.options[thebox.example.selectedIndex].value
}
//-->
</script>

.........................................................................................................................................................
ΑΛΛΑΓΕΣ 
ΕΔΩ ΤΟ URL ΤΗΣ ΔΙΕΥΘΥΝΣΗ ΣΑΣ-->ΕΔΩ ΒΑΖΕΤΕ ΤΟ LINK ΤΗΣ ΔΙΕΥΘΥΝΣΗΣ
ΣΑΣ!

ΕΔΩ Ο ΤΙΤΛΟΣ ΣΑΣ-->ΕΔΩ ΒΑΖΕΤΕ ΤΟΝ ΤΙΤΛΟ ΠΟΥ ΘΑ ΦΑΙΝΕΤΑΙ
ΣΤΟ ΚΟΥΤΙ!

Open in alternate window-->Κλικάροντας το κουτάκι τα links ανοίγουν σε
άλλο παράθυρο!Εάν θέλετε αλλάζετε το Open in alternate window με ότι
θέλετε εσείς!

Εάν θέλετε να προσθέσετε και άλλα links τότε κάτω από το 3ο link βάζετε επιπλέον
αυτόν τον κώδικα!

<option value="ΕΔΩ ΤΟ URL ΤΗΣ ΔΙΕΥΘΥΝΣΗ ΣΑΣ">ΕΔΩ Ο ΤΙΤΛΟΣ ΣΑΣ</option>

Γία κάθε link και μία γραμμή κώδικα!

Αποθήκευση και έτοιμοι!

Καλή επιτυχία!!!!

Πηγή κώδικα
thanks to javascriptkit.com


Edit by vaiol!!!! 


0 σχόλια :

Δημοσίευση σχολίου

Icon Icon Icon

spice up your blog