DonJas
Married and Happy
- Член од
- 22 јуни 2008
- Мислења
- 2.651
- Поени од реакции
- 586
Океј, имам покомплициран проблем. Wonderland.mk <-- сајтов ми го правеше еден чоек, ама се откажа на пола пут, и остави одредени ствари недопраени и сеа ја се мучам, учен недоучен, да ги средам. Проблемот е шо поголемиот дел од сајтот е праен во јава колку шо успеав да сфатам. CMS-от е custom, се е custom колку шо успеав да сконтам освен некои ситници шо се темплејти (као jQuerry ситници). Океј, сеа да почнеме со муката. На главна страна, статиите кај што се редат во правоаголникот (сликичката со наслов и дискрипшн) е заебано шо уствари не моеш да отвориш статија у нов таб пошо целиот тој блок е со onclick. (Фотка 1 на кој блок мислам
)
сеа, кодот што ги листа овие блокови се повикуе од главниот html, односно од index.jsp и изглеа вака
Сакам да го едитнам со тоа шо ќе го тргнам онклик евентот во првиот div, и сите други да ги преправам во обични HTML линкови (не сум сигурен како ќе го изведам за фотката да биде линк исто така, ако имате идеја слободно кажете.)
Значи сакам да го заменам првиот со вториов код. Муката ми е:
)
сеа, кодот што ги листа овие блокови се повикуе од главниот html, односно од index.jsp и изглеа вака
HTML:
<%@ page import="java.util.Date, java.util.List, com.arvers.wonderland.*, com.arvers.wonderland.model.*" language="java"
contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
String start = Util.get(request, "start", "0");
String limit = Util.get(request, "limit", "8");
String lang = Util.get(request, "lang", "MK");
Query query = new Query(Article.class);
query.setStartFromParam(start);
query.setLimitFromParam(limit);
Query.Sort sort = new Query.Sort();
sort.setDirection("DESC");
sort.setProperty("dateCreated");
query.setSort(sort);
query.addRestriction("language", lang);
query.addRestriction("published", 1);
query.addRestriction("publishOn", new StringBuilder("{$lt:" + (new Date()).getTime() + "}"));
@SuppressWarnings("unchecked")
List<Article> list = (List<Article>) Database.getModels(query).getList();
%>
<span class="loadbox"></span>
<%
for (Article art : list) {
%>
<div class="stat" onclick="location.href='<%=art.getCategory()[0]%>/<%=art.getAlias()%>'">
<div class="stat_img" style="background-image:URL('<%=art.getPreviewImageURL()%>');">
<div class="stat_intro"><%=art.getTitle()%></div>
</div>
<div class="stat_txt"><%=art.getIntroText()%></div>
</div>
<%
}
%>
Код:
<%@ page import="java.util.Date, java.util.List, com.arvers.wonderland.*, com.arvers.wonderland.model.*" language="java"
contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
String start = Util.get(request, "start", "0");
String limit = Util.get(request, "limit", "8");
String lang = Util.get(request, "lang", "MK");
Query query = new Query(Article.class);
query.setStartFromParam(start);
query.setLimitFromParam(limit);
Query.Sort sort = new Query.Sort();
sort.setDirection("DESC");
sort.setProperty("dateCreated");
query.setSort(sort);
query.addRestriction("language", lang);
query.addRestriction("published", 1);
query.addRestriction("publishOn", new StringBuilder("{$lt:" + (new Date()).getTime() + "}"));
@SuppressWarnings("unchecked")
List<Article> list = (List<Article>) Database.getModels(query).getList();
%>
<span class="loadbox"></span>
<%
for (Article art : list) {
%>
<div class="stat" >
<div class="stat_img" style="background-image:URL('<%=art.getPreviewImageURL()%>');">
<div class="stat_intro"><a href="<%=art.getCategory()[0]%>/<%=art.getAlias()%>"><%=art.getTitle()%></a></div>
</div>
<div class="stat_txt"><a href="<%=art.getCategory()[0]%>/<%=art.getAlias()%>"><%=art.getIntroText()%></a></div>
</div>
<%
}
%>
- Не знам дали ќе работи, односно дали ќе ги исцртува блоковите исто ко на сликата, а ќе функционираат као стандардни линкови (да можам со среден клик од маусот да отворам нов таб)
- Не знам дали ако заебам нешо, можам да поебам нешо од базата или слично. У превод дали ако не функционира, можам да го вратам првобитниот код, и да си работи као шо си било пред да го рчкам, или има шанси да го сјебам цел сајт и да останам со к*рот у раце.
Код:
body {
font-family: arial;
background: black url(./images/back_wood.jpg);
}
a {
text-decoration: none;
color: black;
}
.sprite {
background: url('images/sprite.png') no-repeat;
}
.col_left {
width: 640px;
display: inline-block;
}
.col_right {
width: 320px;
display: inline-block;
float:right;
}
.wrap {
width: 965px;
margin: auto;
}
.mid {
padding: 0 40px 0 40px;
}
.small_mid {
padding: 0 10px 0 10px;
}
.small_mid div.cat {
height: 62px;
width: 290px;
padding: 5px;
}
.small_mid .cat_img {
padding: 0px;
height: 70px;
width: 125px;
display: inline-block;
}
.small_mid .cat_title {
text-align: left;
display: inline-block;
font-size: 14px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
height: 14px;
}
.small_mid .cat .cat_txt {
font-size: 12px;
height: 50px;
overflow: hidden;
display: inline-block;
width: 100%;
text-overflow: ellipsis;
word-wrap: break-word;
}
#back_top {
background: url('images/back_top.png') no-repeat 50% 0%;
height: 160px;
}
#back_mid {
background: url('images/back_mid.png') repeat-y 50% 0%;
}
#back_down {
background: url('images/back_down.png') no-repeat 50% 0%;
height: 80px;
}
#logo {
height: 160px;
width: 160px;
background-position: 0px -355px;
display: inline-block;
}
#top_right_img {
display: inline-block;
height: 160px;
width: 800px;
background: url('primer_fotka.png') no-repeat;
background-position: 20px 22px;
}
#img_frame {
height: 160px;
background-position: 0 -675px;
}
#menu_bar {
height: 170px;
}
#menu_strip {
padding-top: 124px;
}
#menu_strip span {
height: 40px;
display: inline-block;
background-repeat: no-repeat;
transition: transform 250ms ease-out;
-moz-transition: -moz-transform 250ms ease-out;
-ms-transition: -ms-transform 250ms ease-out;
-o-transition: -o-transform 250ms ease-out;
-webkit-transition: -webkit-transform 250ms ease-out;
}
#menu_strip span:hover {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-moz-transform: scale(1.1);
}
#art {
width: 79px;
background-position: -880px -215px;
}
#art.pressed,#art:hover {
background-position: -880px -174px;
}
#arch {
width: 122px;
background-position: -816px -891px;
}
#arch.pressed,#arch:hover {
background-position: -815px -842px;
}
#moda {
width: 110px;
background-position: -450px -945px;
}
#moda.pressed,#moda:hover {
background-position: -327px -945px;
}
#foto {
width: 111px;
margin-left: -7px;
background-position: -456px -890px;
}
#foto.pressed,#foto:hover {
background-position: -332px -890px;
}
#home {
width: 90px;
}
#video {
width: 113px;
background-position: -693px -840px;
}
#video.pressed,#video:hover {
background-position: -574px -839px;
}
#muzika {
width: 119px;
margin-left: -8px;
background-position: -325px -840px;
}
#muzika.pressed,#muzika:hover {
background-position: -449px -841px;
}
#kultura {
width: 114px;
margin-left: -2px;
background-position: -765px -600px;
}
#kultura.pressed,#kultura:hover {
background-position: -647px -600px;
}
#hrana {
width: 94px;
margin-left: -6px;
background-position: -570px -890px;
}
#hrana.pressed,#hrana:hover {
background-position: -669px -890px;
}
#flash_top {
height: 30px;
background-position: 0px -170px;
}
#flash_mid {
background: url(./images/main_mid.png) repeat-y 50% 0%;
height: 225px;
}
#talent {
height: 80px;
background-position: -480px -355px;
margin-bottom: -30px;
width: 320px;
display: inline-block;
}
#white_box_top {
height: 180px;
border: 10px solid white;
width: 280px;
margin-left: 10px;
}
#stat_top {
height: 35px;
background-position: 0px -245px;
}
#stat_mid {
background: url(./images/main_mid.png) repeat-y 50% 0%;
padding-top: 35px;
}
#stat_mid.loading div,#stat_small_mid.loading div {
visibility: hidden;
}
#stat_mid .loadbox,#stat_small_mid .loadbox {
display: none;
}
#stat_mid.loading .loadbox,#stat_small_mid.loading .loadbox {
display: block;
position: relative;
background: url(./images/loader.gif) no-repeat 50% 100%;
background-size: 50%;
width: 220px;
height: 20px;
left: 10px;
}
#stat_mid.loading .loadbox {
left: 170px;
}
#content_tabs span {
width: 24%;
display: inline-block;
text-align: center;
height: 35px;
margin-top: 7px;
font-size: 20px;
color: #472B08;
}
.stat_down {
height: 45px;
background-position: 0px -200px;
}
.stat {
cursor: pointer;
width: 265px;
display: inline-table;
margin: 6px;
}
.stat_txt * {
height: 80px;
}
.stat_img {
height: 75px;
background: url('stat.jpg');
background-repeat: no-repeat;
padding-top: 75px;
background-size: 100%;
}
.stat_intro {
color: white;
height: 75px;
background: rgba(0, 0, 0, 0.5);
text-align: center;
}
.stat_txt {
height: 80px;
text-align: center;
overflow: hidden;
}
#tut_video {
height: 80px;
background-position: -640px -515px;
display: block;
}
#social span {
height: 80px;
width: 80px;
display: inline-block;
}
#twitter {
background-position: -800px -170px;
}
#fb {
margin: 0 25px 0 25px;
background-position: -640px -170px;
}
#rss {
background-position: -720px -170px;
margin-left: 8px;
}
#main_white_box_top {
height: 80px;
background-position: -160px -435px;
}
#main_white_box {
background: url(./images/white_box_mid.png) repeat-y 50% 0%;
height: 800px;
}
#main_white_box_down {
height: 80px;
background-position: -480px -440px;
}
#stat_main {
min-height: 1580px;
}
#fb_like_box {
height: 140px;
padding: 10px;
background-position: 0px -835px;
}
.fb_article_like {
height: 26px;
/* overflow: hidden; */
width: 400px;
display: inline-block;
}
#white_box_down {
height: 160px;
background-position: 0 -515px;
}
#footer {
height: 320px;
background-position: 0 -995px;
position: relative;
margin-bottom: -80px;
}
.cat {
padding-bottom: 9px;
cursor: pointer;
height: 160px;
}
.cat:last-child {
padding-bottom: 10px;
}
.cat div {
display: inline-block;
}
.cat_img {
width: 275px;
height: 155px;
background: url(stat.jpg);
background-repeat: no-repeat;
float: left;
background-size: 100%;
}
.cat_art_wrap {
width: 275px;
height: 152px;
padding: 5px;
padding-top: 3px;
padding-bottom: 3px;
}
.cat_title {
font-size: 22px;
font-weight: bold;
display: block !important;
height: 44px;
overflow: hidden;
}
#stat_small_top {
height: 40px;
background-position: -160px -395px;
}
#stat_small_mid {
height: 220px;
background: url(./images/main_mid_s.png) repeat-y 50% 0%;
}
#stat_small_down {
height: 40px;
background-position: -160px -355px;
}
#small_tabs span {
display: inline-block;
width: 32.5%;
text-align: center;
color: black;
margin-top: 13px;
font-size: 14px;
}
.art_down {
height: 45px;
background-position: 0px -310px;
}
.article {
background: url(./images/article_mid.png) repeat-y;
min-height: 80px;
}
.art_up {
height: 30px;
background-position: 0px -280px;
}
#article_title {
font-size: 28px;
}
#article_image {
background: url(./kitten.jpg);
height: 315px;
background-size: 100%;
background-repeat: no-repeat;
}
e {
padding-bottom: 10px;
}
#similar {
font-size: 28px;
margin-left: 25px;
height: 30px;
line-height: 50px;
}
.cat div.cat_txt {
display: block;
overflow: hidden;
height: 82px;
}
.mid.article.similar {
padding: 10px;
}
.similar .cat {
padding: 10px;
width: 290px;
display: inline-block;
padding-right: 0px;
height: 80px;
}
.similar .cat_img {
width: 142px;
height: 80px;
}
.similar .cat_art_wrap {
width: 137px;
height: 70px;
}
.similar .cat_title {
font-size: 14px;
font-weight: normal;
white-space: nowrap;
overflow: hidden;
height: 14px;
text-overflow: ellipsis;
}
div.similar div.cat_txt {
height: 60px;
padding-top: 2px;
font-size: 12px;
}
#article_text {
padding-top: 10px;
padding-bottom: 10px;
}
.tw_article_like {
display: inline-block;
width: 58px;
}
.cat_art_wrap div.fb_article_like {
width: 82px;
float:left;
}
.cat_art_wrap .tw_article_like {
height:26px;
float:left;
}
.social_like {
height: 36px;
}
.mid.article .gp_article_like {
display: inline-block;
}
.foot_main_cat {
padding: 28px;
}
.foot_main_cat th a {
font-size: 20px;
}
.foot_main_cat th {
width: 110px;
text-align: center;
padding-bottom: 20px;
}
.foot_main_cat td {
text-align: center;
padding-bottom: 5px;
font-size: 16px;
}
#foot_copy {
margin-top: 140px;
}
#foot_copy_tag {
display: inline-block;
}
#foot_copy_links {
display: inline-block;
float: right;
}
/** accordion */
.accordionWrapper{background:#273F72; display:inline-block; overflow:hidden;}
.accordionWrapper img{vertical-align:top; border:0; margin:0; padding:0}
.accordionWrapper div{display:inline; float:left; margin:auto;}
.accordionWrapper div.title{cursor:pointer;width: 10px;height: 225px;}
.accordionWrapper div.content{display:none;}
.t1{background-color: #3b5998;}
.t2{background-color: #273F72;}
/** gallery */
.gallery img {
width: 172px;
display: inline-block;
border: 4px black solid;
margin: 2px;
}