numerotare pagini

2 participanți

Extrem Tutorials :: Alte servicii :: Probleme legate de script/cod :: Arhiva script-uri

numerotare paginiMier 14 Mar - 12:54

Salut!
M-ar interesa sa stiu raspunsul la topicul creat de kanne in data de 18IAN2012 si care a fost inchis fara un raspuns.
As dori sa fac o numerotare a paginilor exact ca in poza data de kanne folosind doar cod html...fara css sau altceva...
Multumesc!

Re: numerotare paginiMier 14 Mar - 15:53

Poti pune un demo?

Re: numerotare paginiMier 14 Mar - 16:23

Salut,

Nu stiu exact la ce te referi prin demo...sa iti explic in mare ce vreau eu sa fac: am un site care are mai multe pagini si vreau sa fac in josul paginilor un fel de meniu orizontal cu paginile...treci de la pagina 1 la 2 la 3....doar ca vreau o chestie care sa arate fain si care se face cu scripturi ( cred eu )...doar ca nu stiu de unde sa iau un scrip de ala...
Nu stiu cum sa atasez o poza aici, ca sa vezi cum vreau sa arate numerotarea...

Sper ca te ajuta cu ceva!

Mersi!

Re: numerotare paginiMier 14 Mar - 16:24

[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

In linkul de mai sus poti vedea cum vreau sa arate numerotarea paginilor...

Mersi!

Re: numerotare paginiMier 14 Mar - 16:39

Am gasit niste coduri.

Cod:

<html>
<head>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<link rel="stylesheet" type="text/css" href="http://internetworld.webs.com/style.css.txt" />

<script type="text/javascript" src="http://internetworld.webs.com/contentslider.js">

/***********************************************
* Featured Content Slider- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>
</head>
<body>
<h2>Example 1</h2>

<!--Inner content DIVs should always carry "contentdiv" CSS class-->
<!--Pagination DIV should always carry "paginate-SLIDERID" CSS class-->

<div id="slider1" class="sliderwrapper">

<div class="contentdiv">
Content 1 Here. <br />
<p></p><a href="javascript:featuredcontentslider.jumpTo('slider1', 3)">Go to 3rd slide</a></p>
</div>

<div class="contentdiv">
Content 2 Here.
</div>

<div class="contentdiv">
Content 3 Here.
</div>

</div>

<div id="paginate-slider1" class="pagination">

</div>

<script type="text/javascript">

featuredcontentslider.init({
   id: "slider1",  //id of main slider DIV
   contentsource: ["inline", ""],  //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
   toc: "#increment",  //Valid values: "#increment", "markup", ["label1", "label2", etc]
   nextprev: ["Previous", "Next"],  //labels for "prev" and "next" links. Set to "" to hide.
   revealtype: "click", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
   enablefade: [true, 0.2],  //[true/false, fadedegree]
   autorotate: [true, 3000],  //[true/false, pausetime]
   onChange: function(previndex, curindex){  //event handler fired whenever script changes slide
      //previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
      //curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
   }
})

</script>




<br />
<h2>Example 2, Pagination links from markup</h2>

<!--Inner content DIVs should always carry "contentdiv" CSS class-->
<!--Pagination DIV should always carry "paginate-SLIDERID" CSS class-->

<div id="slider2" class="sliderwrapper">

<div class="contentdiv">
Content 1 Here.
</div>

<div class="contentdiv">
Content 2 Here. <br />
<p></p><a href="javascript:featuredcontentslider.jumpTo('slider2', 1)">Go back to 1st slide</a></p>
</div>

<div class="contentdiv">
Content 3 Here.
</div>

</div>

<div id="paginate-slider2" class="pagination">

<a href="#" class="toc">First Page</a> <a href="#" class="toc anotherclass">Second Page</a> <a href="#" class="toc">Third Page</a> <a href="#" class="prev" style="margin-left: 10px"><</a> <a href="#" class="next">></a>

</div>

<script type="text/javascript">

featuredcontentslider.init({
   id: "slider2",  //id of main slider DIV
   contentsource: ["inline", ""],  //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
   toc: "markup",  //Valid values: "#increment", "markup", ["label1", "label2", etc]
   nextprev: ["Previous", "Next"],  //labels for "prev" and "next" links. Set to "" to hide.
   revealtype: "click", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
   enablefade: [true, 0.2],  //[true/false, fadedegree]
   autorotate: [false, 3000],  //[true/false, pausetime]
   onChange: function(previndex, curindex){  //event handler fired whenever script changes slide
      //previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
      //curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
   }
})

</script>
</body>
</html>