Jump to content
php.lv forumi

mypoint

Reģistrētie lietotāji
 View Profile  See their activity

  • Posts

    97

  • Joined

  • Last visited

 Content Type 

Posts posted by mypoint

  4. mod_rewrite stylesheet

    in Iesācējiem

    Posted

    Problēma ir tāda, ka neielādē lapas stilu.

    Ar mod_rewrite strādāju pirmoreizi!

     

    .htaccess

    RewriteEngine on 
RewriteRule ^sakums$ index.php #strada
RewriteRule ^lapa([-a-za-z0-9]+)$ lapa.php?id=$1 #strada
RewriteRule ^lapa/([-a-za-z0-9]+)$ lapa.php?id=$1 #nestrada

     

    Ja teiksim ir http://www.lapa.lv/lapa(šeit $1) tad stilu parāda, bet ja ir http://www.lapa.lv/lapa/(šeit $1) , tad stilu neielādē.

    Googlēju un diezgan daudzim ir šī pati īpatnība, bet pārsvarā iesaka norādīt tiešo .css/.js failu atrašanās linkus.

  16. Portfolio

    in Darbs

    Posted

    Labdien!

     

    Pārdodu portfolio mājaslapu (.psd/.html).

    .psd Failā layeri ir sagrupēti, bet diemžēl daži no layeriem nav nosaukti(iemesls-slinkums).

    Dizaina ideja tika izveidota jau tālajā 2010 gadā uz rūtiņu papīra, bet "aptaustāmā" formā izveidoju pavisam nesen.

    Varbūt kādam tomēr noderēs aptupsuma laikā veidotais "šedevrs".

     

    Lapā iekļauti daži .js elementi, lai lapa būtu "zvērīgāka".

    Prasu 10ls (nav obligāti jāmaksā 10ls, var arī vairāk ) sīkāk PM.

     

    post-4622-0-75332600-1300028530_thumb.jpg

     

    Paldies!

  17. Slideshow teksta maiņa

    in Javascript

    Posted · Edited by mypoint

    Pievienoju sev lapā ŠO slideshow, bet lieta tāda ka vēlos lai līdz ar bildēm nomainas teksts zem tām.

     

    	<script type="text/javascript">
var currentImage;
   var currentIndex = -1;
   var interval;
   function showImage(index){
       if(index < $('#bigPic img').length){
       	var indexImage = $('#bigPic img')[index]
           if(currentImage){   
           	if(currentImage != indexImage ){
                   $(currentImage).css('z-index',2);
                   clearTimeout(myTimer);
                   $(currentImage).fadeOut(250, function() {
				    myTimer = setTimeout("showNext()", 3000);
				    $(this).css({'display':'none','z-index':1})
				});
               }
           }
           $(indexImage).css({'display':'block', 'opacity':1});
           currentImage = indexImage;
           currentIndex = index;
           $('#thumbs li').removeClass('active');
           $($('#thumbs li')[index]).addClass('active');
       }
   }

   function showNext(){
       var len = $('#bigPic img').length;
       var next = currentIndex < (len-1) ? currentIndex + 1 : 0;
       showImage(next);
   }

   var myTimer;

   $(document).ready(function() {
    myTimer = setTimeout("showNext()", 3000);
	showNext(); //loads first image
       $('#thumbs li').bind('click',function(e){
       	var count = $(this).attr('rel');
       	showImage(parseInt(count)-1);
       });
});


</script>

     

    			<div id="bigPic">
			<img src="imgs/1.jpg" alt="" />
			<img src="imgs/2.jpg" alt="" />
			<img src="imgs/3.jpg" alt="" />
			<img src="imgs/4.jpg" alt="" />
			<img src="imgs/5.jpg" alt="" />
			<img src="imgs/6.jpg" alt="" />
			<img src="imgs/7.jpg" alt="" />
			<img src="imgs/8.jpg" alt="" />
			<img src="imgs/9.jpg" alt="" />
			<img src="imgs/10.jpg" alt="" />
		</div>


		<ul id="thumbs">
			<li class='active' rel='1'><img src="imgs/1_thumb.jpg" alt="" /></li>
			<li rel='2'><img src="imgs/3_thumb.jpg" alt="" /></li>
			<li rel='3'><img src="imgs/4_thumb.jpg" alt="" /></li>
			<li rel='4'><img src="imgs/5_thumb.jpg" alt="" /></li>
			<li rel='5'><img src="imgs/6_thumb.jpg" alt="" /></li>
			<li rel='6'><img src="imgs/7_thumb.jpg" alt="" /></li>
			<li rel='7'><img src="imgs/8_thumb.jpg" alt="" /></li>
			<li rel='8'><img src="imgs/9_thumb.jpg" alt="" /></li>
			<li rel='9'><img src="imgs/10_thumb.jpg" alt="" /></li>
			<li rel='10'><img src="imgs/2_thumb.jpg" alt="" /></li>
		</ul>

  18. Slideshow

    in Javascript

    Posted · Edited by mypoint

    @Rincewind - Nu es tik labi js kodā neorientējos. Pameklēšu google kā to izdarīt.

    @Kemito - Man ir mazie tumbļi kā tu viņus sauc, bet protams var arī mainot izmēru! Paguglēšu un paskatīšos!

     

    Paldies abiem, ja kādam ir jau zināms gatavs vai kautkas līdzīgs droši iekomentējiet.

     

    EDIT: Atradu šo te risinājumu: SLIDESHOWS Mazliet palaboju un ir ok, bet lieta tāda ka vēlos lai līdz ar slaida maiņu nomainas teksts zem tā.

     

    Pluss ar ko lai aizstāj 

    #bigPic img{
position:absolute;

    kas nāk šim slaidam css kodā, jo viņš man mazliet izkropļo konkrētu lapas daļu.

  20. Slideshow

    in Javascript

    Posted

    Vakar gāju cauri googlei, bet nekur neatradu image slideshow, kas būtu uz to pusi ko man vajag.

    Ko tad man vajag? Lapā ir sīkbildžu saraksts. Uzspiežot uz kādas no sīkbildes atveras konkrētās sīkbildes lielā bilde.

    Būtu arī labi ja kaut arī neviena sīkbilde nav nospiesta parāda kādu random lielo bildi.

     

    sīkbildes:

    +------+  +------+
| 1    |  | 2    |
+------+  +------+
+------+  +------+
| 3    |  | 4    |
+------+  +------+

    LIELĀ BILDE:

    +------+------+
|             |
+    LIELĀ    +
|             |
+------+------+

     

    Varbūt kādam kas līdzīgs aizķēries.

  22. Formas actions bez lapas pārlādes

    in Iesācējiem

    Posted · Edited by mypoint

    Skripts kurš tev "nestrādā" interesantā kārtā man strādā!

    Vainu tu nemāki pareizi izvadīt ceļus uz .js , vai arī nemāki lietot copy -> paste!

     

    <head>
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> 
   <script type="text/javascript" src="http://github.com/malsup/form/raw/master/jquery.form.js"></script> 

   <script type="text/javascript"> 
       // wait for the DOM to be loaded 
       $(document).ready(function() { 
           // bind 'myForm' and provide a simple callback function 
           $('#myForm').ajaxForm(function() { 
               alert("Thank you for your comment!"); 
           }); 
       }); 
   </script>
</head>

     

    <body>
<form id="myForm" action="comment.php" method="post"> 
   Name: <input type="text" name="name" /> 
   Comment: <textarea name="comment"></textarea> 
   <input type="submit" value="Submit Comment" /> 
</form>
</body>

×
×
  • Create New...