js/screen.js
pop.php
@@ -16,6 +16,6 @@
<script src="js/selector.js" type="text/javascript"></script>
<script src="js/jquery.js" type="text/javascript"></script>
- <script src="js/jquery.corner.js" type="text/javascript"></script>
+ <script src="js/screen.js" type="text/javascript"></script>
<script src="js/default.js" type="text/javascript"></script>
</head>
\ No newline at end of file
_header.php
@@ -64,7 +64,7 @@ h1.fullTitle {width:736px;}
#contentBox {padding:15px 15px 7px 15px; background:transparent url('../imgs/bg/content_box_x.jpg') repeat-x; min-height:385px;}
.ie6 #contentBox {height:385px;}
#contentBox.fullWidth {width:704px;}
-#contentBox .boxCornerTopRight {position:absolute; top:-1px; right:-1px; width:15px; height:15px; background:url('../imgs/bg/content_box_top_right.jpg');z-index:999;}
+#contentBox .boxCornerTopRight {position:absolute; top:-1px; right:-1px; width:15px; height:15px; background:url('../imgs/bg/content_box_top_right.jpg');z-index:10;}
#contentBox .boxCornerTopRight.orange {background-image:url('../imgs/bg/orange_box_top_right.jpg');}
#content .rightMiniBox {float:left; width:220px; margin-bottom:9px; padding:12px 12px 4px 12px; border-bottom:solid 1px #D1D1D1; background:transparent url('../imgs/bg/minibox_right_column.png') no-repeat;}
css/default.css
@@ -12,62 +12,20 @@
<div id="contentBottom">
<div id="contentBox">
<span class="boxCornerTopRight"> </span>
- <div class="evento">
- <img src="imgs/bg/eventos_top.gif" width="447" height="18" alt="Evento Box Top">
- <div>
- <span class="dia">20</span>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
- <a href="#" class="simNao">sim</a>
- <a href="#" class="simNao">não</a>
- <a href="#" class="close">close</a>
+ <?php for ($i=0; $i < 4; $i++): ?>
+ <div class="evento">
+ <img src="imgs/bg/eventos_top.gif" width="447" height="18" alt="Evento Box Top">
+ <div>
+ <span class="dia"><?php echo $i*4+1; ?></span>
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+ <a href="#1" class="simNao">sim</a>
+ <a href="#0" class="simNao">não</a>
+ <a href="#" class="close">close</a>
+ </div>
+ <img src="imgs/bg/eventos_bottom.gif" width="447" height="18" alt="Evento Box Bottom">
</div>
- <img src="imgs/bg/eventos_bottom.gif" width="447" height="18" alt="Evento Box Bottom">
- </div>
- <div class="evento">
- <img src="imgs/bg/eventos_top.gif" width="447" height="18" alt="Evento Box Top">
- <div>
- <span class="dia">20</span>
- <p>Lorem ipsum dolor sit amet.</p>
- <a href="#" class="simNao">sim</a>
- <a href="#" class="simNao">não</a>
- <a href="#" class="close">close</a>
- </div>
- <img src="imgs/bg/eventos_bottom.gif" width="447" height="18" alt="Evento Box Bottom">
- </div>
- <div class="evento">
- <img src="imgs/bg/eventos_top.gif" width="447" height="18" alt="Evento Box Top">
- <div>
- <span class="dia">20</span>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
- <a href="#" class="simNao">sim</a>
- <a href="#" class="simNao">não</a>
- <a href="#" class="close">close</a>
- </div>
- <img src="imgs/bg/eventos_bottom.gif" width="447" height="18" alt="Evento Box Bottom">
- </div>
- <div class="evento">
- <img src="imgs/bg/eventos_top.gif" width="447" height="18" alt="Evento Box Top">
- <div>
- <span class="dia">20</span>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
- <a href="#" class="simNao">sim</a>
- <a href="#" class="simNao">não</a>
- <a href="#" class="close">close</a>
- </div>
- <img src="imgs/bg/eventos_bottom.gif" width="447" height="18" alt="Evento Box Bottom">
- </div>
- <div class="evento">
- <img src="imgs/bg/eventos_top.gif" width="447" height="18" alt="Evento Box Top">
- <div>
- <span class="dia">20</span>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
- <a href="#" class="simNao">sim</a>
- <a href="#" class="simNao">não</a>
- <a href="#" class="close">close</a>
- </div>
- <img src="imgs/bg/eventos_bottom.gif" width="447" height="18" alt="Evento Box Bottom">
- </div>
- <a class="add" href="#">Adicionar</a>
+ <?php endfor; ?>
+ <a class="add screen" href="pop.php">Adicionar</a>
</div>
</div>
</div>
eventos.php
@@ -5,4 +5,37 @@ $(document).ready(function() {
$("#enquete").hide();
$(".boxCornerTopRight").removeClass("orange");
});
+
+ // Events
+ $(".evento .close").click(function(e) {
+ e.preventDefault();
+ $(this).parent().parent().slideUp(400, function() {
+ $(this).remove();
+ });
+ });
+
+ $(".evento .simNao").click(function(e) {
+ e.preventDefault();
+ value = $(this).attr("href").replace("#", "");
+ box = $(this).parent().parent();
+
+ $.post("acesso.html", {"value": value}, function(data) {
+ box.slideUp(400, function() {
+ $(this).remove();
+ });
+ });
+ });
+
+ // Screen
+ $(".screen").click(function(e) {
+ e.preventDefault();
+ $.ajax({
+ type:'GET',
+ url: $(this).attr('href'),
+ success:function(data) {
+ $.openWindow(400, 200, data);
+ }
+ });
+ });
+
});
js/default.js
3247624ca8b9d514867158997c32f303905c55f7
Marcio Trindade
marciotrindade@gmail.com
http://github.com/marciotrindade/test_aman/commit/957c4e29ccdf6efb10c80b011b9ff54fbeac3e44
957c4e29ccdf6efb10c80b011b9ff54fbeac3e44
2009-11-04T19:20:25-08:00
2009-11-04T19:20:25-08:00
add js to events
add screen
14cdc4cafbdbb3aa21e9bf400f9b3570a8524c73
Marcio Trindade
marciotrindade@gmail.com