if ελεγχος με css

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

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

Απάντηση
abeautifulmind
Δημοσιεύσεις: 319
Εγγραφή: 02 Μάιος 2010 18:04

if ελεγχος με css

Δημοσίευση από abeautifulmind » 29 Ιαν 2011 12:00

καλησπέρα σε όλους.
έχω αυτόν τον κώδικα

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

<script type="text/javascript">

 $&#40;function &#40;&#41;&#123;
    $&#40;'.chatwin'&#41;.click&#40;function &#40;&#41;&#123;
	$&#40;'#chat'&#41;.css &#40;'visibility', 'visible'&#41;;
	$&#40;'#chat'&#41;.fadeIn&#40;&#41;;
	
	&#125;&#41;;
	$&#40;'.adduser'&#41;.click&#40;function &#40;&#41;&#123;
	$&#40;'#adduser'&#41;.css &#40;'visibility', 'visible'&#41;;
	$&#40;'#adduser'&#41;.fadeIn&#40;&#41;;
	
	&#125;&#41;;
	&#125;&#41;;
	
	
</script>
και αυτό το style

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

#chat &#123;
	position&#58;fixed;
 	right&#58;240px;
	bottom&#58;30px;
	z-index&#58; 9999; /*--Keeps the panel on top of all other elements--*/
	background&#58;#FFFFFF;
	border&#58; 1px solid #c3c3c3;
	width&#58; 180px;
	height&#58;280px;
	visibility&#58;hidden;
	


&#125;
Μπορεί κανείς να με βοηθήσει στο εξής:
Πώς μπορώ με if στην jquery να κάνω έναν έλεγχο και να λέει π.χ. onclick δες το css του # chat αν είναι visibility=visible και έχει right:240px; κάνε το css του π.χ. visibility=visible
και right:440px.

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

if ελεγχος με css

Δημοσίευση από dimsis » 29 Ιαν 2011 12:13

Καταρχήν για να αλλάζεις το visibility υπάρχει η toggle http://api.jquery.com/toggle/ και υπάρχει και η toggleClass http://api.jquery.com/toggleClass/ με την οποία μπορείς να εναλλάσσεσαι ανάμεσα σε δυο κλάσεις που θα φτιάξεις όπου για παράδειγμα η μια θα είναι right 240px και η άλλη 440px

Άβαταρ μέλους
Kainourios
Ruby Moderator
Δημοσιεύσεις: 504
Εγγραφή: 18 Μάιος 2005 16:20
Τοποθεσία: Κορυδαλλός
Επικοινωνία:

if ελεγχος με css

Δημοσίευση από Kainourios » 29 Ιαν 2011 13:01

Για δοκίμασε κάτι τέτοιο:

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

$&#40;"#chat"&#41;.click&#40;function&#40;&#41; &#123;
  if&#40;$&#40;"#some-div"&#41;.is&#40;"&#58;visible"&#41;&#41; &#123;
     $&#40;this&#41;.addClass&#40;"hide-me"&#41;.removeClass&#40;"show-me"&#41;;
  &#125;
  else &#123;
     $&#40;this&#41;.addClass&#40;"show-me"&#41;.removeClass&#40;"hide-me"&#41;;
  &#125;
&#125;&#41;;
και φτιάχνεις αντίστοιχα δύο κλάσεις με CSS όπως τις θες.

Απάντηση

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

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

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