Making Read More link dynamic - Joomla! Forum - community, help and support
i wondering if there way convert default joomla "read more" button/link load content dynamically within original page without redirecting full article page?
for example, when article "blog" page layout loads articles, read more button, have content loaded in hidden div , clicking read more shows hidden div's content. looking through w3schools.com jquery examples , have nifty little "slide" function think work quite well, not sure how implement use read more button...
for example, when article "blog" page layout loads articles, read more button, have content loaded in hidden div , clicking read more shows hidden div's content. looking through w3schools.com jquery examples , have nifty little "slide" function think work quite well, not sure how implement use read more button...
code: select all
<head>
<script src="jquery/jquery.js"></script>
<script>
$(document).ready(function(){
$("#flip").click(function(){
$("#panel").slidetoggle("fast");
});
});
</script>
<style type="text/css">
#flip {
padding:0px;
width: 100px;
font-family: arial;
font-size: 10pt;
text-align:center;
cursor:hand;
background-color:#ffffff;
border:solid 1px #c3c3c3;
}
#panel {
padding:0px;
margin-left:0px;
width:550px;
background-color:#ffffff;
border:solid 0px #c3c3c3;
display:none;
text-align: justify;
}
p {
margin-top: 5px;
width: 550px;
text-align: justify;
font-family: arial;
}
</style>
</head>
<body>
<p>if first joomla! site or first web site, have come right place. joomla website , running , easily. start off using site logging in using administrator account created when installed joomla.</p>
<div id="flip">read more...</div>
<div id="panel">
<p>explore articles , other resources right here on site data learn more how joomla works. (when you're done reading, can delete or archive of this.) want visit beginners' areas of joomla documentation , support forums.</p>
</div>
</body>
</html>
i theory behind may not done without digging j! core.
also, due fact category listings can have various layouts, i'm not sure kind of implication have on of page if dynamically loading things right it.
one place @ html overrides however, i'm not sure there can done here other changing content that's output j! itself.
you may run issue jquery unless using j! 3 since it's baked in. have load using no conflict option if choose use is.
let know how on , sorry couldn't more help.
arthur
also, due fact category listings can have various layouts, i'm not sure kind of implication have on of page if dynamically loading things right it.
one place @ html overrides however, i'm not sure there can done here other changing content that's output j! itself.
you may run issue jquery unless using j! 3 since it's baked in. have load using no conflict option if choose use is.
let know how on , sorry couldn't more help.
arthur
Comments
Post a Comment