Response title
This is preview!
- Screen name: fafabone
fafabone's Profile
2 Posts
2 Responses
0
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- Hi, I'm new on JQuery and I've a problem of "way of working".
Usually I develop the UI of a web-page and then I copy the Html of some parts in the php script or in the javascript in order to generate dinamically the Html sequence of tags.
Now I create a serie of divs and I want to generate many times this serie. In the single serie in Html all the positions of the divs are correct, but in the page dinamically generated with JQuery append I find the divs in other positions. Probably the problem is with styles. Can you find the problem of this script?- <head>
<style>
p { font-size: 10px;padding:0;margin:0; }
.selected{height: 8px; width:8px; border: 2px solid red }
#attacco1_0{
top: 35px;
left: 89px;
}
#attacco2_0{
top: 48px;
left: 127px;
}
#attacco3_0{
top: 86px;
left: 152px;
}
#attacco4_0{
top: 126px;
left: 137px;
}
#attacco5_0{
top: 149px;
left: 99px;
}
#attacco6_0{
top: 135px;
left: 58px;
}
#attacco7_0{
top: 99px;
left: 39px;
}
#attacco8_0{
top: 57px;
left: 52px;
}
.stat{
height: 12px;
position: absolute;
text-align: center;
width: 12px;
z-index: 2;
padding:0;
margin:0;
left: 60px;
top: 56px;
visibility: visible;
}
#difesa1_0{
top: 35px;
left: 101px;
}
#difesa2_0{
top: 56px;
left: 134px;
}
#difesa3_0{
top: 98px;
left: 148px;
}
#difesa4_0{
top: 135px;
left: 128px;
}
#difesa5_0{
top: 149px;
left: 90px;
}
#difesa6_0{
top: 126px;
left: 51px;
}
#difesa7_0{
top: 87px;
left: 39px;
}
#difesa8_0{
top: 50px;
left: 60px;
}
#pp_0{
top: 54px;
left: 115px;
}
#mov_0{
top: 54px;
left: 74px;
}
.pedina{
left:8px;
top:8px;
}
.points{ font-weight: bold;}
</style> - <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript">
var stat = new Array();
var valore = 0;
var xx =0;
var id_to_update;
var n_pedine_x_fila = 3;
$("body").empty();
for (counter = 0; counter < data_parsed.length; counter++)
{
HTML_string = "<div class=\"pedina\" id=\"pedina" + "_" + counter + "\" style=\"width:178px; height:169px; z-index: 1;position:absolute;\"><img src=\"immagini/pedina.png\" width=\"178\" height=\"169\" /></div>";
HTML_string+="<div id=\"pp" + "_" + counter + "\" class=\"stat points\"><p id=\"pp" + "_" + counter + "_p\" >2</p></div><div id=\"mov"+ "_" + counter + "\" class=\"stat points\"><p id=\"mov"+ "_" + counter + "_p\" >2</p></div><div class=\"stat\" id=\"attacco4"+ "_" + counter + "\" onclick=\"text_to_insert(\'attacco4"+ "_" + counter + "\')\" onmouseover=\"onmousesopra($(this));\" onmouseout=\"onmousefuori($(this))\"><p id=\"attacco4"+ "_" + counter + "_p\" >2</p></div>";
HTML_string+="<div class=\"stat\" id=\"attacco5"+ "_" + counter + "\" onclick=\"text_to_insert(\'attacco5"+ "_" + counter + "\')\" onmouseover=\"onmousesopra($(this));\" onmouseout=\"onmousefuori($(this))\"><p id=\"attacco5"+ "_" + counter + "_p\" >1</p></div>";
HTML_string+="<div class=\"stat\" id=\"attacco6"+ "_" + counter + "\" onclick=\"text_to_insert(\'attacco6"+ "_" + counter + "\')\" onmouseover=\"onmousesopra($(this));\" onmouseout=\"onmousefuori($(this))\"><p id=\"attacco6"+ "_" + counter + "_p\" >1</p></div>";
HTML_string+="<div class=\"stat\" id=\"attacco7"+ "_" + counter + "\" onclick=\"text_to_insert(\'attacco7"+ "_" + counter + "\')\" onmouseover=\"onmousesopra($(this));\" onmouseout=\"onmousefuori($(this))\"><p id=\"attacco7"+ "_" + counter + "_p\" >1</p></div>";
HTML_string+="<div class=\"stat\" id=\"attacco8"+ "_" + counter + "\" onclick=\"text_to_insert(\'attacco8"+ "_" + counter + "\')\" onmouseover=\"onmousesopra($(this));\" onmouseout=\"onmousefuori($(this))\"><p id=\"attacco8"+ "_" + counter + "_p\" >1</p></div>";
HTML_string+="<div class=\"stat\" id=\"attacco3"+ "_" + counter + "\" onclick=\"text_to_insert(\'attacco3"+ "_" + counter + "\')\" onmouseover=\"onmousesopra($(this));\" onmouseout=\"onmousefuori($(this))\"><p id=\"attacco3"+ "_" + counter + "_p\" >3</p></div>";
HTML_string+="<div class=\"stat\" id=\"difesa7"+ "_" + counter + "\" onclick=\"text_to_insert(\'difesa7"+ "_" + counter + "\')\" onmouseover=\"onmousesopra($(this));\" onmouseout=\"onmousefuori($(this))\"><p id=\"difesa7"+ "_" + counter + "_p\" >1</p><div>";
HTML_string+="<div class=\"stat\" id=\"difesa8"+ "_" + counter + "\" onclick=\"text_to_insert(\'difesa8"+ "_" + counter + "\')\" onmouseover=\"onmousesopra($(this));\" onmouseout=\"onmousefuori($(this))\"><p id=\"difesa8"+ "_" + counter + "_p\" >1</p></div>";
HTML_string+="<div class=\"stat\" id=\"difesa6"+ "_" + counter + "\" onclick=\"text_to_insert(\'difesa6"+ "_" + counter + "\')\" onmouseover=\"onmousesopra($(this));\" onmouseout=\"onmousefuori($(this))\"><p id=\"difesa6"+ "_" + counter + "_p\" >1</p></div>";
HTML_string+="<div class=\"stat\" id=\"difesa5"+ "_" + counter + "\" onclick=\"text_to_insert(\'difesa5"+ "_" + counter + "\')\" onmouseover=\"onmousesopra($(this));\" onmouseout=\"onmousefuori($(this))\"><p id=\"difesa5"+ "_" + counter + "_p\" >1</p></div>";
HTML_string+="<div class=\"stat\" id=\"difesa4"+ "_" + counter + "\" onclick=\"text_to_insert(\'difesa4"+ "_" + counter + "\')\" onmouseover=\"onmousesopra($(this));\" onmouseout=\"onmousefuori($(this))\"><p id=\"difesa4"+ "_" + counter + "_p\" >1</p></div>";
HTML_string+="<div class=\"stat\" id=\"difesa3"+ "_" + counter + "\" onclick=\"text_to_insert(\'difesa3"+ "_" + counter + "\')\" onmouseover=\"onmousesopra($(this));\" onmouseout=\"onmousefuori($(this))\"><p id=\"difesa3"+ "_" + counter + "_p\" >1</p></div>";
HTML_string+="<div class=\"stat\" id=\"attacco2"+ "_" + counter + "\" onclick=\"text_to_insert(\'attacco2"+ "_" + counter + "\')\" onmouseover=\"onmousesopra($(this));\" onmouseout=\"onmousefuori($(this))\"><p id=\"attacco2"+ "_" + counter + "_p\" >2</p></div>";
HTML_string+="<div class=\"stat\" id=\"difesa1"+ "_" + counter + "\" onclick=\"text_to_insert(\'difesa1"+ "_" + counter + "\')\" onmouseover=\"onmousesopra($(this));\" onmouseout=\"onmousefuori($(this))\"><p id=\"difesa1"+ "_" + counter + "_p\" >1</p></div>";
HTML_string+="<div class=\"stat\" id=\"attacco1"+ "_" + counter + "\" onclick=\"text_to_insert(\'attacco1"+ "_" + counter + "\')\" onmouseover=\"onmousesopra($(this));\" onmouseout=\"onmousefuori($(this))\"><p id=\"attacco1"+ "_" + counter + "_p\" >1</p></div>";
HTML_string+="<div class=\"stat\" id=\"difesa2"+ "_" + counter + "\" onclick=\"text_to_insert(\'difesa2"+ "_" + counter + "\')\" onmouseover=\"onmousesopra($(this));\" onmouseout=\"onmousefuori($(this))\"><p id=\"difesa2"+ "_" + counter + "_p\" >1</p></div> ";
HTML_string+="<div id=\"text_to_ins\" style=\"width:15px; height:15px; position:absolute; left:300px; top:300px; z-index: 3;\"><input name=\"text_to_ins_txt\" id=\"text_to_ins_txt\" type=\"text\" value=\"0\" size=\"3\" maxlength=\"1\" style=\"width:15px; height:15px;\"/></div>";
$("body").append(HTML_string);
} - </head>
Bye- I have many rows in a table, dinamically generated. How can I select the rows where the colums are equal to some input at the top of the page? For eaxmple I have five input and five colums per row. I would be unbound from the number of the inputs and the number of the colums.
Thank you in advance.- «Prev
- Next »
- <head>
Moderate user : fafabone
