Ερώτηση jquery

igor981930 · 27 Νοεμβρίου 2012

Καλησπέρα.

Μήπως έχει κανείς καμία ιδέα πως μπαίνει το close x μέσα στο πορτοκαλί του ημερολογίου που είναι στην παρακάτω φωτό?

Το close x button είναι το done button από το παρακάτω λινκ.

Η πηγή του script είναι http://jqueryui.com/...tiple-calendars

Εδώ είναι πως θέλω να φένεται.

και εδώ είναι πως φένεται το δικό μου.

Επεξ/σία 27 Νοεμβρίου 2012 από igor981930

defacer · 28 Νοεμβρίου 2012

Χωρίς HTML και CSS δεν μπορεί κανείς να σου δώσει απάντηση.

igor981930 · 28 Νοεμβρίου 2012

Ορίστε το λινκ με το jquery.

http://www.sendspace.com/file/o8llcp

warlock9_0 · 28 Νοεμβρίου 2012

στο jquery-ui.js έχει μια συνάρτηση generate html

αυτή αν την πειράξεις γίνεται αυτό που θές

τώρα αν θα την κάνεις override ή θα πειράξεις το αρχείο δεν ξέρω

πχ

την φόρτωσα χύμα

στο τέλος της συνάρτησης έκανε append ένα div με τα buttons, το έσβησα και έβαλα μόνο το button του close στην αρχή

http://jsfiddle.net/6bcZ2/

igor981930 · 29 Νοεμβρίου 2012

Σε ευχαριστώ πολύ...

Άλλαξα στα 2 σημεία που έπρεπε και δουλεύει μια χαρά.

nkcc · 29 Νοεμβρίου 2012

Αν χρειαστεί κάποιος άλλος το button pane του datepicker πάνω πάνω μπορεί να χρησιμοποιήσει τον παρακάτω κώδικα.

Έχε υπ'όψιν, στο παράδειγμα που ανέβασες, στο jquery-ui.css υπάρχει κανόνας για τα ".ui-datepicker .ui-datepicker-buttonpane button" elements να έχουν negative top margin.Πρέπει να φύγεις το negative margin.

>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Datepicker - Display multiple months</title>
<link rel="stylesheet" href="jquery-ui.css" />

<script src="jquery-1.8.2.js"></script>

<script src="jquery-ui.js"></script>

<!-- <link rel="stylesheet" href="/resources/demos/style.css" /> -->

<style type="text/css">
.mydatepicker
{
padding:3em 0 0 0;//make some space for the button pane
}

.mydatepicker .ui-datepicker-buttonpane
{
position:absolute;
top:0;
width:100%;
margin:0;
border:0;
padding:0;
}
</style>

<script type="text/javascript">
 $(function() {
	 $("#datepicker").datepicker({
		 numberOfMonths: 2,
		 showButtonPanel: true,
		 showOn: "button",
		 buttonImage: "images/calendar.gif",
		 buttonImageOnly: true,
		 closeText: "X"
	 });
   $("#ui-datepicker-div").addClass("mydatepicker");//Add our class for moving the button pane to the top
 });
</script>
</head>
<body>
<p>
 Date:
 <input type="text" id="datepicker" /></p>
</body>
</html>

Σύνδεση

Ερώτηση jquery

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

igor981930

defacer

igor981930

warlock9_0

igor981930

nkcc

Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε

Δημιουργία λογαριασμού

Σύνδεση

Σύνδεση