Just so stuck! had no problems before...
Hi i just started out with Jquery and i love it. I had tried it at a few pages succsesfully most of the times. And now suddenly, i just cant get it to work...
I tried to download different versions of the jquery.js files at least ten times each. Also put alert(''); in every js to see if it was even connected.
Nothing works and i'm soo fustrated...
im trying to make "newsBackDiv" draggable
****************** // Heres my html:
<html>
<head>
<title>Sök kontakt eller gå till sida</title>
<link href="Stylesheet1.css" rel="stylesheet" type="text/css" />
<script src="alliansen.js" type="text/javascript"></script>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="jquery-ui-1.7.1.custom.min.js" type="text/javascript"></script>
</head>
<body>
<div id="divLogin">
</div>
<div id="newsBackDiv">
</div>
</body>
</html>
.................................................
****************** // And heres the Jquery:
$(function() {
$("#newsBackDiv").draggable();
});
....................
****************** // And heres the stylesheet:
/* Css Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
address,caption,cite,code,dfn,th,var,b {
font-style:normal;
font-weight:400;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:400;
}
q:before,q:after {
content:'';
}
html {
height:100%;
font-size:62.5%;
}
.hidden {display:none;}
body
{
font:8pt Helvetica, Arial, Verdana, Sans-Serif;
}
h1{font-size:2em;}
h2{font-size:1em;}
hr{border:solid 2px black;margin:2px 0px 0px 0px;}
.strong{font-size:2em;}
#divLogin
{
background-color:Aqua;
margin:0;
padding:0;
width:300px;
height:200px;
}
#newsBackDiv
{
background-color:Fuchsia;
margin:0;
padding:0;
width:600px;
height:600px;
position:absolute;
}
#divPopupContactFinder table
{
width:100%
}
#divTableContent
{
top:40px;
left:0px;
bottom:30px;
width:100%;
position:absolute;
overflow:auto;
}
#divTableContent table
{
width:100%;
}
#divPagingTable
{
position:absolute;
bottom:0px;
left:0px;
width:100%;
}
#divPagingTable table
{
width:100%;
text-align:center;
}
.modalBG
{
background-color:Transparent ;
filter: alpha(opacity=70);
opacity: 0.7;
}
.modalPopup
{
background-color: white;
border-width: 3px;
border-style: solid;
border-color: black;
padding: 2px;
width: 100%;
}
.modalPopup h1
{
font-size:2em;
}
.ModalMove
{
cursor: move;
background-color: white;
border: solid 1px Gray;
color: Black;
text-align: center;
speak: normal;
font-weight: bold;
}
.EvenRow
{
background-color: #CEDFDF;
}