Comments by ravinsit89

ravinsit89 21-Sep-12 11:56am View

Hiactually i did it in chrome by using --disable-web-security and getting the respone,
i want to do in firefox also

ravinsit89 16-Sep-12 9:05am View

Hi sir in my app i have some header and they have their description .on clicking header(label), i want to show description , i used 'hidden ' property but it is not looking good so i want to add Accordion panel in my code.

ravinsit89 16-Sep-12 9:00am View

i used this code but not able to do that

ravinsit89 16-Sep-12 9:00am View

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>

<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<meta name="viewport" content="initial-scale=1.0,width=device-width,user-scalable=no,target-densitydpi=device-dpi" />

<script src="jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">

jQuery(document).ready(function(){
$('.accordion.head').click(function() {
$(this).next().toggle('slow');
return false;
}).next().hide();
});

</script>
</head>
<body>

<div id="accordion">

First header

<div>First content</div>

Second header

<div>Second content</div>
</div>

</body>
</html>

ravinsit89 16-Sep-12 5:49am View

but not able to complete this question......

ravinsit89 16-Sep-12 4:02am View

no sir ..!! i want to make this like demo 6 in

http://www.aakashweb.com/resources/pages/demos/jquery-collapser/

so i want to do some changes .i don't know how to do that..

ravinsit89 16-Sep-12 3:59am View

OK..

ravinsit89 16-Sep-12 2:12am View

no sir it is not working..:(

ravinsit89 16-Sep-12 1:22am View

actually in my application if i click to label then it show its description.
if i click another label it close the description of previous label and open the description of latest label, i used hidden functionality, want some slideup , slidedown (some animation)while closing or opening the description

i also want to remove some space between label..

ravinsit89 16-Sep-12 0:57am View

not able to remove some space between the labels

ravinsit89 15-Sep-12 21:57pm View

3) why this function inside the function function(){
$('.panel').slideUp();
});

ravinsit89 15-Sep-12 21:43pm View

Hievery thing is fine only want some explanation from your side.

$(document).ready(function() {
// Handler for .ready() called.
$('.panel').hide();

$(".demo6").click(function() {
alert("test");
});

$('.demo6').collapser({
target: 'next',
effect: 'slide',
changeText: 0,
expandClass: 'expIco',
collapseClass: 'collIco'
}, function(){
$('.panel').slideUp();
});

});
1)why all function is inside $(document).ready(function(){}
2) Please why this $('.demo6').collapser({ call on click;

ravinsit89 15-Sep-12 12:57pm View

Deleted

[removed -- SA]

ravinsit89 15-Sep-12 12:11pm View

please help making this demo 6 possible

ravinsit89 15-Sep-12 11:49am View

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>

<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<meta name="viewport" content="initial-scale=1.0,width=device-width,user-scalable=no,target-densitydpi=device-dpi" />




<style type="text/css">
.demo6{
border: 1px solid #B9E3FF;
background: #0099FF;
padding-left: 5px;
color: #FFFFFF;
}
</style>
<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery.collapser.js" type="text/javascript"></script>
<script type="text/javascript">
alert("Hi");
$(document).ready(function() {
// Handler for .ready() called.
$('.panel').hide();
});

$(".demo6").click(function() {
alert("test");
});

$('.demo6').collapser({
target: 'next',
effect: 'slide',
changeText: 0,
expandClass: 'expIco',
collapseClass: 'collIco'
}, function(){
$('.panel').slideUp();
});

</script>
</head>
<body>

Heading 1

<div class="panel">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>

Heading 2

<div class="panel">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>

Heading 3

<div class="panel">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>

Heading 4

<div class="panel">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>

</body>
</html>

ravinsit89 15-Sep-12 11:48am View

i want to make demo 6(http://www.aakashweb.com/resources/pages/demos/jquery-collapser/) but not able to do that..can you please help

ravinsit89 15-Sep-12 5:57am View

Every think is fine but it not look like as in demo 6 ..

http://www.aakashweb.com/resources/pages/demos/jquery-collapser/

i think script is not running...
<html>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<head>

<title>Expand table rows with jQuery - jExpand plugin - JankoAtWarpSpeed demos</title>
<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery.collapser.js" type="text/javascript"></script>
<script src="jquery.collapser.min.js" type="text/javascript"></script>

<style type="text/css">
.demo6{
border: 1px solid #B9E3FF;
background: #0099FF;
padding-left: 5px;
color: #FFFFFF;
}
</style>

<script type="text/javascript">
alert("Hi");
$('.panel').hide();

$('.demo6').collapser({
target: 'next',
effect: 'slide',
changeText: 0,
expandClass: 'expIco',
collapseClass: 'collIco'
}, function(){
$('.panel').slideUp();
});

</script>
</head>
<body>

Heading 1

<div class="panel">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>

Heading 2

<div class="panel">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>

Heading 3

<div class="panel">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>

Heading 4

<div class="panel">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>

</body>
</html>

ravinsit89 15-Sep-12 5:41am View

Error is this Now

The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the page must to be declared in the document or in the transfer protocol.

ravinsit89 15-Sep-12 5:29am View

Hi
this time i get error

: The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the page must to be declared in the document or in the transfer protocol.

<html xmlns="http://www.w3.org/1999/xhtml" >
<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery.collapser.js" type="text/javascript"></script>

<head>
<title>Expand table rows with jQuery - jExpand plugin - JankoAtWarpSpeed demos</title>
<style type="text/css">
.demo6{
border: 1px solid #B9E3FF;
background: #0099FF;
padding-left: 5px;
color: #FFFFFF;
}
</style>

<script type="text/javascript">

$('.panel').hide();

$('.demo6').collapser({
target: 'next',
effect: 'slide',
changeText: 0,
expandClass: 'expIco',
collapseClass: 'collIco'
}, function(){
$('.panel').slideUp();
});

</script>
</head>
<body>

Heading 1

<div class="panel">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>

Heading 2

<div class="panel">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>

Heading 3

<div class="panel">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>

Heading 4

<div class="panel">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</div>

</body>
</html>

ravinsit89 15-Sep-12 4:48am View

error is coming jquery is undefined

ravinsit89 14-Sep-12 21:59pm View

Example are fine.actually i need for phone application (phone gap technology)..

ravinsit89 13-Sep-12 11:51am View

sir can you have some code please share it..

ravinsit89 13-Sep-12 11:50am View

can you please have a link for it

Comments by ravinsit89 (Top 23 by date)

First header

Second header

Heading 1

Heading 2

Heading 3

Heading 4

Heading 1

Heading 2

Heading 3

Heading 4

Heading 1

Heading 2

Heading 3

Heading 4