javascript - Fancybox: Different url for different popup -

-

i have page box avery box have popup (onclick).

my issue need every popup have different url.

the site in php(smarty) , boxes generate loop.

someone know if possible define different url every popup generated?

this code:

<div class="container"> <div class="row">     <div class="row_content">         {assign var=index value=0}         {foreach from=$case_studies key=myid item=data}          <div class="news_column">             <div class="item_news">                 <a title="<b>{$data.case_study_titolo|upper}</b>.<br> {$data.case_study_descrizione}" class="fancybox-effects-c" href="{$data.src_lb}">                     <img alt="{$data.case_study_titolo} sviluppato per {$data.cliente_titolo} " src="{$data.src_home}">                     <h1>{$data.case_study_titolo}</h1>                     <p>{$data.case_study_short}</p>                     <h2>{$data.categoria_titolo}</h2>                 </a>             </div>          </div>          {assign var=index value=$index+1}          {if is_int($index/3)}              <div class="separatore"></div>          {/if}         {/foreach}         <div class='clr' style='height:100px'></div>         <div style='text-align: center; margin-top: -50px;'>             <a href='{$smarty.const.url}progetti'>                 <img src='{$smarty.const.link_deveyes}images/punti.jpg' alt='dot'>             </a>         </div>     </div> </div>  </div>             <div class='row_shadow'></div>             <div class="separatore" style="height: 50px"></div> <script type="text/javascript"> /* $('.item_news a').click(function unablelink(e) {     if ($(window).width() < 1034 ) {         e.preventdefault();     } });  */  $(document).ready(function(){ //         app.init(); //         gallery.init(); /*  *  simple image gallery. uses default settings  */  $('.fancybox').fancybox();  /*  *  different effects  */  // change title type, overlay closing speed $(".fancybox-effects-a").fancybox({ helpers: { title : { type : 'outside' }, overlay : { speedout : 0 } } });  // disable opening , closing animations, change title type $(".fancybox-effects-b").fancybox({ openeffect  : 'none', closeeffect : 'none',  helpers : { title : { type : 'over' } } });  // set custom style, close if clicked, change title type , overlay color $(".fancybox-effects-c").fancybox({ wrapcss    : 'fancybox-custom', closeclick : true,  openeffect : 'none',  helpers : { title : { type : 'inside' }, overlay : { css : { 'background' : 'rgba(118,168,187,0.45)' } } } });  // remove padding, set opening , closing animations, close if clicked , disable    overlay $(".fancybox-effects-d").fancybox({ padding: 0,  openeffect : 'elastic', openspeed  : 150,  closeeffect : 'elastic', closespeed  : 150,  closeclick : true,  helpers : { overlay : null } });  /* *  button helper. disable animations, hide close button, change title type , content */  $('.fancybox-buttons').fancybox({ openeffect  : 'none', closeeffect : 'none',  preveffect : 'none', nexteffect : 'none',  closebtn  : false,  helpers : { title : { type : 'inside' }, buttons : {} },  afterload : function() { this.title = 'image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? '     - ' + this.title : ''); } });   /* *  thumbnail helper. disable animations, hide close button, arrows , slide next     gallery item if clicked */  $('.fancybox-thumbs').fancybox({ preveffect : 'none', nexteffect : 'none',  closebtn  : false, arrows    : false, nextclick : true,  helpers : { thumbs : { width  : 50, height : 50 } } });  /* *  media helper. group items, disable animations, hide arrows, enable media , button    helpers. */ $('.fancybox-media') .attr('rel', 'media-gallery') .fancybox({ openeffect : 'none', closeeffect : 'none', preveffect : 'none', nexteffect : 'none',  arrows : false, helpers : { media : {}, buttons : {} } });  /* *  open manually */  $("#fancybox-manual-a").click(function() { $.fancybox.open('1_b.jpg'); });  $("#fancybox-manual-b").click(function() { $.fancybox.open({ href : 'iframe.html', type : 'iframe', padding : 5 }); });  $("#fancybox-manual-c").click(function() { $.fancybox.open([             { href : '1_b.jpg', title : 'my title' }, { href : '2_b.jpg', title : '2nd title' }, { href : '3_b.jpg' } ], { helpers : { thumbs : { width: 75, height: 50 } } }); }); } ); /* $('a').click(function unablelink(e) {     if ($(window).width() < 1034 ) {         e.preventdefault();     } }); */ $('a').click(function () { if ($(window).width() < 768 ) { $("#mainmenu2").slideup('fast'); } });  </script>


Comments

Post a Comment

Popular posts from this blog

database - VFP Grid + SQL server 2008 - grid not showing correctly -

-
i having problem, have grid called "gridbasica" , this: thisform.gridbase.recordsource = "sgviemp" sgviemp cursor made executing select sqlserver command sqlexec. when want modify registry, go form , the update there. so, when come form grid, grid isnt grid anymore, big white rectangle. reading around said: delete recordsource , asingt again. thisform.gridbase.recordsource = "" *--i sqlexe here thisform.gridbase.recordsource = "sgviemp" i , works, but, when click button modify again cursos updated modify form doesnt load fields did first time. could me out that? thanks in advance. --------------- edit ------------------ i have been doing recommended: lnselect = select(0) n = sqlexec(thisform.conexion,"select emp_ccodigo codigo, emp_cnombre 'nombre o razon social', emp_cnumrif 'r.i.f' sgviempr","sgviemp1") set echo on suspend select sgviemp zap in sgviemp *-- browse *--zaps correct
Read more

jquery - Set jPicker field to empty value -

-
im using jpicker color selector in form. have clear value set window/icon 'no color selected' state. i've tried following: $(':input[name="color"]').val(''); //access value directly. (does not affect jpicker) 2: $.jpicker.list[0].color.active.val('hex', '', this); //set color black , input value 000000, instead of empty string 3: $.jpicker.list[0].color.active.val(null, '', this); //does nothing none of 3 methods seems behave properly. in advance. this works me :) $.jpicker.list[0].color.active.val('v', null); here example: http://jsfiddle.net/3up7n/
Read more

.htaccess - htaccess convert request to clean url and add slash at the end of the url -

-
ok , searched more 4 days , more 20 posts here in stach or in websites without kind of success first here htaccess file rewriteengine on rewriterule ^([a-za-z0-9_]+)/?$ index.php?page=$1 [nc] rewriterule ^([a-za-z0-9_]+)\/([a-za-z0-9_]+)\/?$ index.php?page=$1&action=$2 [nc] i tried many codes 1 worked me can call request , works me www.example.com/pagename => www.example.com/index.php?page=pagename here questions , please provide me information "in detail" understand code well 1- how convert request automatically www.example.com/index.php?page=pagename www.example.com/pagename 2- if tried add slash @ end shows me page without images or styling mean www.example.com/pagename => works www.example.com/pagename/ => doesn't work that's :) for first part need 301 rule this: rewritecond %{the_request} /index\.php\?page=([^\s&]+) [nc] rewriterule ^ /%1? [r=301,l] for second part use absolute path in css, js, images files r
Read more