cgull 25 Light Poster

Hello,

I am searching the net for hours now trying to find a solution to my problem, found tutorials and forums posts but can't solve my problem.

Please help.

windows 7, WAMP 2.2 (apache 2.4.2)

Trying to set up a virtual host outside of the wamp directory getting the error:
You don't have permission to access / on this server.

What I have now:
directory: c:\sites
Permissions:
Full Control:
Authenticated Users
SYSTEM
Administrators(MYUSERNAME\Administrators)
Users(MYUSERNAME\Users)

In my httpd-vhosts.conf file, under:

<VirtualHost *:80>
    DocumentRoot "C:/sites/highland"
    ServerName highland.local
    Options Indexes FollowSymLinks
</VirtualHost>

In my httpd.conf file:

DocumentRoot "c:/wamp/www/"
<Directory "c:/wamp/www/">
    #
    # Possible values for the Options directive are "None", "All",
    # or any combination of:
    #   Indexes Includes FollowSymLinks SymLinksifOwnerMatch ExecCGI MultiViews
    #
    # Note that "MultiViews" must be named *explicitly* --- "Options All"
    # doesn't give it to you.
    #
    # The Options directive is both complicated and important.  Please see
    # http://httpd.apache.org/docs/2.4/mod/core.html#options
    # for more information.
    #
    Options Indexes FollowSymLinks

    #
    # AllowOverride controls what directives may be placed in .htaccess files.
    # It can be "All", "None", or any combination of the keywords:
    #   Options FileInfo AuthConfig Limit
    #
    AllowOverride All

    #
    # Controls who can get stuff from this server.
    #
    # Online --> Require all granted

    #   onlineoffline tag - don't remove

    Require local

</Directory>

DocumentRoot "c:/sites/"
<Directory "c:/sites/">
    AllowOverride All
    Order Deny,Allow
    Deny from all
    Allow from 127.0.0.1
</Directory>

In my hosts file:
127.0.0.1 …

cgull 25 Light Poster

Hello good people of Daniweb :)

I am developing a site with codeigniter 1.2.2 and the latest version of bootstrap.

I am calling a modal window but the X and Close buttons don't close the window.

Tried alerting when clicking a button and I do get the alert but the window stays open.

Can someone please help?

My page source:

<html>
<head>
    <meta charset="UTF-8">
    <title>thinklocal: thinklocal</title>
    <!-- Bootstrap -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="http://localhost/thinklocal/css/bootstrap.min.css" rel="stylesheet">
    <link href="http://localhost/thinklocal/css/bootstrap-responsive.min.css" rel="stylesheet">
    <link href="http://localhost/thinklocal/css/styles.css" rel="stylesheet">
  <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script src="http://localhost/thinklocal/js/bootstrap.min.js"></script>
<script>
        $(function() {
                             $('.btn').click(function() { alert('h');
                                $('#myModal').modal('hide');
                             });
                             });
        </script>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
</head>  
    <body style="background: #555;">
        <div id="myModal" class="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
    <h2 id="myModalLabel">View Back Issues</h2>
  </div>


<div class="modal-body">
      <table class="table table-hover">
        <thead>
        <tr>
            <th>Issue Date</th>
        <th>View Issue</th>
      </tr>
    </thead>
    <tbody>
        <tr>
        <td>01122012</td>
        <td><img class="thumb" src="http://localhost/thinklocal/uploads/issues/freestate/thinklocal/img/dec2012.jpg" /></td>
      </tr>
    </tbody>
        </table>
  </div>
            <div class="modal-footer">
          <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
                &copy; 2013 thinklocal          </div>
        </div>
    <script>
        $(function() {
                             $('.btn').click(function() { alert('h');
                                $('#myModal').modal('hide');
                             });
                             });
        </script>
    </body>
</html>
cgull 25 Light Poster

Ok, got it to work. With all my testings, I added this: $(function) { before my mask, now with gon's new file, and removing the function, it works.

Thank you all for all the help !!!

cgull 25 Light Poster

gon1387 tried your link, getting the same error. My page is calling the javascript files.

cgull 25 Light Poster

Ok, the first alert gives: function the second undefined.

When I go to the page source and click on the maskedinput js file, it goes to the file.

cgull 25 Light Poster

I am working on my local computer.

The javascript files are included, I checked.
The / does not need to be there, it was actually wrong to have it there.
I am also calling jquery like this now:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>

And other jquery scripts on the page work fine. It just the mask that does not work.

cgull 25 Light Poster

I am working on my local computer.

The javascript files are included, I checked.
The / does not need to be there, it was actually wrong to have it there.
I am also calling jquery like this now:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>

And other jquery scripts on the page work fine. It just the mask that does not work.

cgull 25 Light Poster

Hello,
I have downloaded the plugin maskedinput from: Click Here

Trying to use it on a site I am developing with codeigniter and foundation framework, the index.html file that comes with it works well on my site, I get this error: TypeError: $(...).mask is not a function

The jquery files are included, I checked.

My code is exactly like the example.

In my head tag:

<script src="<?php echo $templateAssets; ?>javascripts/jquery-1.9.0.min.js"></script>
<script src="<?php echo $templateAssets; ?>javascripts/jquery.maskedinput.min.js"></script>    
<script src="<?php echo $templateAssets;?>/javascripts/modernizr.foundation.js"></script>

I have an input with a phone id:

<?php
$phone = array('name'=>'phone', 'id'=>'phone', 'value'=>set_value('phone'));

echo form_label('Phone Number', 'phone');
?>
    <div class="row">
      <div class="six columns">
        <?php echo form_input($phone); ?>
      </div>
    </div>

And my jquery:
$('#phone').mask("(999) 999-9999");

Why do I get this error?

cgull 25 Light Poster

All is good, echo helped.

Hair is back, nothing to see here...

cgull 25 Light Poster

OH MY GOD !!!! LOL wow, thank you for taking the time to help, I am so impressed !!!
If you were my neighbour I would buy you a bottle of wine.

And I love the Double Facepalm... just love it! You're a star !!!

cgull 25 Light Poster

Hello,

I am developing a web site with codeigniter.

I have a form where I have a few group radio buttons.

When validation fails, one group radio keeps its value but the other doesn't.

I can't find why.

My code for the radio that does not work:

<label for="accommodationYes" class="accomm" id="accommY">
    <input name="accommodation" type="radio" id="accommodationYes" style="display:none;" value="Yes"<?php set_radio('accommodation', 'Yes'); ?>>
    <span class="custom radio"></span> Yes
</label>
<label for="accommodationNo" class="accomm" id="accomN">
    <input name="accommodation" type="radio" id="accommodationNo" style="display:none;" value="No"<?php set_radio('accommodation', 'No'); ?>>
    <span class="custom radio"></span> No
</label>

My code for the radio group that does work:

 <label for="eft"><input name="payment" type="radio" id="eft" style="display:none;" value="EFT"<?php echo set_radio('payment', 'EFT'); ?>><span class="custom radio"></span> EFT</label>
 <label for="cash"><input name="payment" type="radio" id="cash" style="display:none;" value="Cash"<?php echo set_radio('payment', 'Cash'); ?>><span class="custom radio"></span> Cash</label>
 <label for="cheque"><input name="payment" type="radio" id="cheque" style="display:none;" value="Cheque"<?php echo set_radio('payment', 'Cheque'); ?>><span class="custom radio"></span> Cheque</label>

My validation code:

$this -> form_validation -> set_rules('accommodation', 'Accommodation', 'required|xss_clean' );     
$this -> form_validation -> set_rules('payment', 'Payment', 'required|xss_clean' ); 

Can someone please help me find the problem?

cgull 25 Light Poster

Hi, wouldn't stop just stop it altogehter and won't start again? Thanks

cgull 25 Light Poster

Hello,

I am trying to create a jquery banner.

I found lots of tutorials and managed to create a banner but I still need some help.

I have 4 divs:
First div slides from top
Then
Second div fades in
Then
Third div fades in and changes it's width
Then
Fourth div slides from botton to top

My question is, is there a way to pause or delay all the animations together after the last animation finished.

Also, is there a better way to do what I did since I am quite confused with all the tutorials.

My html:

<div id="bannerTop"><img src="<?=site_url()?>assets/images/events/centenaryTop_01.png" class="ca_shown" alt=""/></div>
      <div id="bannerTopTwo"><img src="<?=site_url()?>assets/images/events/centenaryTop_02.png" class="ca_shown" alt=""/></div>
        <div id="bannerDest"><img src="<?=site_url()?>assets/images/events/centenaryDestination.png" class="ca_shown" alt=""/></div>
        <div id="bannerBottom"><img src="<?=site_url()?>assets/images/events/centenaryBottom.png" class="ca_shown" alt="" /></div>

My jquery:

var calls = [];

function executeNext(next) {
    if(calls.length == 0) return;
    var fnc = calls.pop();
    fnc();
    if(next) { executeNext(true); }
}

/*To call method chain synchronously*/
calls.push(bannerTop);
calls.push(bannerTopTwo);
calls.push(bannerDest);
calls.push(bannerBottom);
executeNext(true);


function bannerTop()
{
    $("#bannerTop").animate({top:"+=65px", opacity: "1"},1000).delay(5000).animate({top: "-=65px", opacity: "0"}, 0);
    setTimeout("bannerTop()",3000);
}

function bannerTopTwo()
{
    $('#bannerTopTwo').delay(1000);
    $("#bannerTopTwo").animate({opacity: "1"}, 1500).delay(3500).animate({opacity: "0"}, 0);
    setTimeout("bannerTopTwo()",3000);
}   

function bannerDest()
{
    $('#bannerDest').delay(2000);
    $("#bannerDest").animate({width: "225", opacity: "1"}, 1000).delay(3000).animate({width: "0", opacity: "0"}, 0);
    setTimeout("bannerDest()",3000);
}   

function bannerBottom()
{
    $('#bannerBottom').delay(3000);
    $("#bannerBottom").animate({top: "-=50", opacity: "1"}, 1000).delay(2000).animate({top: "235", opacity: "0"}, 0);
    setTimeout("bannerBottom()",3000);
}

Thank you :)

cgull 25 Light Poster

After more reading, I did a few more things:
I've disabled the DIVX plugins in ie9
I've added this line first thing in the head tag:
<meta http-equiv="X-UA-Compatible" content="IE=9" />
Nothing helps :( Grrrrrrrrrrrrrrrrrrrrrr..... we should all ban IE from our websites. Put a big red message:

We do not support IE, please use a different browser.

cgull 25 Light Poster

Another thing, when I check ie9 with F12, on the top it says:
Browser Mode: IE9 Document Mode: IE9 standards.

Don't know if it matters but I thought I should mention it.

cgull 25 Light Poster

Thank you.

I am getting this error:
SCRIPT65535: Invalid calling object
orderonline, line 1 character 1

My page is validated by the Markup validation service.

I've tried two doctypes, both give me the error:
<!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">

and
<!DOCTYPE html> <html>

What am I doing wrong?

cgull 25 Light Poster

Didn't get your responses by email but thank you.
Found the solution today:
Added visibilty: visible; on #menu ul li ul

Thank you

cgull 25 Light Poster

Hello,

I have a sprite dropdown menu that works fine everywhere besides IE9. In IE9 the menu just doesn't drop.

I have search the net for 2 days trying to find a solution with no success.

My html code:

<div id="nav">
        <div id="menu">
            <ul>
            <?php
                  if($title == "Home"):
                        echo '<li class="selected"><a href="#" class="home">Home</a></li>';
                    else:
                        echo '<li><a href="' . base_url() . 'main" id="home" class="home">Home</a></li>';
                    endif;

                    if($title == "About Us"):
                        echo '<li class="selected"><a href="#" class="about">About Us</a></li>';
                    else:
                        echo '<li><a href="' . base_url() . 'main/about" class="about">About Us</a></li>';
                    endif;

                    if($title == "Our Coffees"):
                        echo '<li class="selected"><a href="#" class="coffee">Our Coffees</a></li>';
                    else:
                        echo '<li><a href="' . base_url() . 'main/ourcoffees" class="coffee">Our Coffees</a></li>';
                    endif;

                    echo '<li><a href="#" class="order">Order Online</a>
                                    <ul id="subNav">
                                        <li><a href="' . site_url() . 'orderonline">Coffee</a></li>
                                        <li><a href="' . site_url() . 'orderonline/books">Books</a></li>
                                    </ul>
                                </li>';

                    if($title == "Gallery"):
                        echo '<li class="selected"><a href="#" class="gallery">Gallery</a></li>';
                    else:
                        echo '<li><a href="' . base_url() . 'main/gallery" class="gallery">Gallery</a></li>';
                    endif;

                    if($title == "Contact Us"):
                        echo '<li class="selected"><a href="#" class="contact">Contact Us</a></li>';
                    else:
                        echo '<li><a href="' . base_url() . 'contact" class="contact">Contact Us</a></li>';
                    endif;
                ?>
        </ul>
      </div>
        </div><!-- end nav -->

My css:

#nav {
    float: right;
    z-index: 100;
    width: 735px;
    height: 81px;
    position: relative;
}

#menu
{
    clear: both;
    margin-top: 23px;
}

#menu ul { list-style: none; }

#menu ul li
{
    float: left;
}

/*menu-styling ] on / hover states [*/
#menu ul li a
{
    background: transparent url(../images/menu.png) repeat scroll 0 0;
    height: 81px;
    text-decoration: none;
    display: block;
}

#menu ul li a.home{width: 83px; text-indent: -99999px;}  
#menu ul li a.home:hover{background-position: 0 -81px;
cgull 25 Light Poster

Hello,

I have a problem with an Ajax call on IE9.

I have searched the internet and this forum for solutions for a few hours and can't find an answer.

I have a coffee roastery site (developed with Codeigniter), where the users can order coffee bags online.

The user selects the blend and the quantity he wants and press a button to display the updated quantities on the right side of the screen.

Of course, works find everywhere besides IE9.

The problem is that in IE9 it just displays the last value the user added and not all the values that were there before. The page needs to be refreshed in order to see all the quantities added.

The jQuery code on the page:

<script type="text/javascript">
$(".grindform").submit(function() {
        var productId = $('#productId').val();
        var selected = $(this);
        var weight = $('#selectedWeight').val();
        var qtyEsp = $('#qtyEsp').val();
        var qtyFilter = $('#qtyFilter').val();
        var qtyPlunger = $('#qtyPlunger').val();
        var qtyTurkish = $('#qtyTurkish').val();
        var qtyBeans = $('#qtyBeans').val();
        var eroast = $('#eroast').val();
        var froast = $('#froast').val();
        var proast = $('#proast').val();
        var troast = $('#troast').val();
        var broast = $('#broast').val();


        $.ajax({
         type: "POST",
         url: "<?php echo base_url();?>order/orderonline/addCartItem",
         data: {productId: productId, weight: weight, ajax: '1', qtyEsp: qtyEsp, qtyFilter: qtyFilter, qtyPlunger: qtyPlunger, qtyTurkish: qtyTurkish, qtyBeans: qtyBeans, eroast: eroast, froast: froast, proast: proast, troast: troast, broast: broast},
         success: function(data){ 
            if(data == 'true')
                {
                $.get("<?php echo base_url(); ?>order/orderonline/showCart" + new Date().getTime(), function(cart)
                    {
                        console.log(cart);
                    $("#cartContent").html(cart);
                        selected.parent().slideToggle();
                    });

                    $('#k').show();
                    $('#g').show();
            }
                else if(data != '')
                {
                    $('#selectQty').html(data);
                }
                if(data == '')
                {
                alert("Product does …
cgull 25 Light Poster

Hello,

I am trying to create dynamic dropdown lists with PHP MySQL and AJAX.

When a user selects a category from the first dropdown, the subcategory dropdown should populate with all the sub categories that belong to the selected category.

I am using Fuel CMS as my framework.

In my controller I have this code:

$options = $this->sub_categories_model->find_all(array('cat_id'=>$catId), 'title asc');
$arr = array();

foreach($options as $opt):
 $arr[] = array('id'=>$opt->id, 'title'=>$opt->title);
endforeach;

In my view my html select:

<select name="category" id="category">
 <option value="6" label="Community">Community</option>
 <option value="1" label="For Sale">For Sale</option>
 <option value="2" label="Need a Lift">Need a Lift</option>
 <option value="3" label="Property">Property</option>
 <option value="5" label="Services">Services</option>
 <option value="4" label="Vehicles">Vehicles</option>
</select>

<select id="subcatetory"></select>

My jquery code:

$('#category').change(function()
{
  var catId = $(this).val();
  var select = $('#subcategory');

  if(select.prop)
    var options = select.prop('options');
  else
    var options = select.attr('options');

    $('option', select).remove();

  $.ajax({
    type: "POST",
    url: "<?php echo site_url(); ?>postanad/getSubCategories",
    data: {catId: catId},
    success: function(data)
    {
          console.log(data);
      $.each(data, function(i, val)
      {
        //options[options.length] = new Option(val, i);
            console.log(val);
      });
    }
   });
});

If I code in my controller: print_r($arr);
In my view I see this:

Array (
[0] => Array ( [id] => 3 [title] => Clothes & Accessories )
[1] => Array ( [id] => 1 [title] => Electronics )
[2] => Array ( [id] => 4 [title] => Home & Garden )
[3] => Array ( [id] => 5 [title] => Miscellaneous )
[4] => Array ( [id] => 2 [title] => Sports & Leisure )
)

If I code …

cgull 25 Light Poster

Thank you pritaeas

cgull 25 Light Poster

Hello,

I never used cron jobs before and now I have this scenario:

I have a table with a Boolean column called: new.

I need to check this table every day, and if the record was created 30 days ago, I need to update the column to False.

Do I do this with a cron job?

I read lots of posts and articles about cron job but still not sure I understand if that is what I need... confusion...

Thank you

cgull 25 Light Poster

I have tried another code, this one works well everywhere, besides Chrome Mac version 19.0.1084.56

Jquery Code:

var $$ = $.fn;

$$.extend({
  SplitID : function()
  {
    return this.attr('id').split('-').pop();
  },

  Slideshow : {
    Ready : function()
    {
      this.Counter = 1;
      this.Interrupted = false;

      this.Transition();
    },

    Transition : function()
    {
      if (this.Interrupted) {
        return;
      }

      this.Last = this.Counter - 1;

      if (this.Last < 1) {
        this.Last = 3;
      }

      $('div#tmpSlide-' + this.Last).fadeOut(
        'slow',
        function() {
      //    $('div#tmpSlideshowControl-' + $$.Slideshow.Last).removeClass('tmpSlideshowControlActive');
        //  $('div#tmpSlideshowControl-' + $$.Slideshow.Counter).addClass('tmpSlideshowControlActive');
          $('div#tmpSlide-' + $$.Slideshow.Counter).fadeIn('slow');

          $$.Slideshow.Counter++;

          if ($$.Slideshow.Counter > 3) {
            $$.Slideshow.Counter = 1;
          }

          setTimeout('$$.Slideshow.Transition();', 5000);
        }
      );
    }
  }
});

$(document).ready(
  function() {
    $$.Slideshow.Ready();
  }
);

Css code:

div#slideshow {
    position: relative;
    width: 212px;
    height: 210px;
    border: 1px solid #aaa;
    background: #fff;
}

div.slide {
    position: absolute;
  top: 0;
  left: 0;
  width: 210px;
  height: 207px;
  display: none;
    z-index: 100;
}

div.slide img {
    float: left;    
}

div.slideCopy {
    color: #aaa7a7;
    font-weight: bold;
    text-align: center;
    font-size: 11px;
    width: 210px;
    float: left;
    margin-top: 10px;
}

Html code:

<div id="slideshow">
    <div id="tmpSlide-1" class="slide">
    <a href="index.php?content=judaicart"><img src="images/slide/1.jpg" alt="1" /></a>
    <div class="slideCopy"><p>1 / <span class="red">Judaic Art</span></p></div>
    </div>
    <div id="tmpSlide-2" class="slide">
    <a href="index.php?content=judaicart"><img src="images/slide/2.jpg" alt="2" /></a>
        <div class="slideCopy"><p>2 / <span class="red">Judaic Art</span></p></div>
    </div>
    <div id="tmpSlide-3" class="slide">
    <a href="index.php?content=judaicart"><img src="images/slide/3.jpg" alt="3" /></a>
    <div class="slideCopy"><p>3 / <span class="red">Judaic Art</span></p></div>
    </div>
    <div id="tmpSlide-4" class="slide">
    <a href="index.php?content=judaicart"><img src="images/slide/4.jpg" alt="4" /></a>
        <div class="slideCopy"><p>4 / <span class="red">Judaic Art</span></p></div>
    </div>  
</div>
cgull 25 Light Poster

Hello,

I am trying some code I found on the net for a fade in/ fade out slideshow.

It is working fine on FF, Chrome and Safari on Windows.

On Chrome Mac, the slides appearing one below the other, on IE8 on Windows, the text under the slide, does not fade, it just displays all the text above each other.

The jquery code:

function slideSwitch() {
var $active = $('#slideshow div.active');
if ( $active.length == 0 )
$active = $('#slideshow div:last');
var $next = $active.next().length ? $active.next()
: $('#slideshow div:first');
$active.addClass('last-active')
.animate({opacity : 0.0}, 1000);
$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 1000, function() {
$active.removeClass('active last-active');
});
}

$(function() {
    setInterval( "slideSwitch()", 5000 );
});

The css:

#slideshow {
     position: relative;
    width: 212px;
        height: 210px;
        border: 1px solid #aaa;
        background: #fff;
}

#slideshow div {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    opacity: 0.0;
}

#slideshow div.active {
    z-index: 10;
    opacity: 1.0;
}

#slideshow div.last-active {
    z-index:9;
}

p.slideTitle {
    color: #aaa7a7;
    font-weight: bold;
    padding-top: 10px;
    text-align: center;
}

The html:

<div id="slideshow">
    <div class="active"><a href="index.php?content=judaicart"><img src="images/slide/1.jpg" alt="" /></a>
        <p class="slideTitle">1 / <span class="red">Judaic Art</span></p>
    </div>
    <div><a href="index.php?content=judaicart"><img src="images/slide/2.jpg" alt="" /></a><p class="slideTitle">2 / <span class="red">Judaic Art</span></p></div>
    <div><a href="index.php?content=judaicart"><img src="images/slide/3.jpg" alt="" /></a><p class="slideTitle">3 / <span class="red">Judaic Art</span></p></div>
    <div><a href="index.php?content=judaicart"><img src="images/slide/4.jpg" alt="" /></a><p class="slideTitle">4 / <span class="red">Judaic Art</span></p></div>
    <div><a href="index.php?content=judaicart"><img src="images/slide/5.jpg" alt="" /></a><p class="slideTitle">5 / <span class="red">Judaic Art</span></p></div>
</div>

Can anyone please help me solve this? I'm not an expert on Jquery so any help would …

cgull 25 Light Poster

My solution to this question:
In the jquery script I am getting the category id from the link and calling my controller's function that calls the model to get the products. Then displays the result in a div with id productsList.

$('.cat').click(function(e) {
		e.preventDefault(); 
		var id = $(this).attr('id');
		$("#productList").show();
		
		$.ajax({
			 type: "POST",
			 url: "/orders/index.php/processOrder/getProducts",
			 data: {catId: id},
			 success: function(data){
	  	 $("#productList").html(data);
	 		}
			});
	});
pritaeas commented: Thanks for sharing +14
cgull 25 Light Poster

Thanks, but yes, this is already solved. :) Thank you very much for taking the time to answer.

cgull 25 Light Poster

Hello,

I've just started learning codeigniter and struggling with ajax calls.

Found a few tutorials but can't understand how to do what I want.

I have a home_view with links, and when I click on a link I want it to fetch data from the database with the given id.

Then display a list of the records recieved from the database.

For example:

If the user clicks the Bread Rolls link, it should find all the records that belong to Bread Rolls in the products table and display them in the productsList div, in the categories_view file.

The jquery code is in the header_view file.

I am attaching my view, controller and model files.

Can someone please help?

cgull 25 Light Poster

Hi Buppy,

You are a STAR !!!

I moved the code before the DOCTYPE and now my hair starts growing again :)

THANK YOU !

cgull 25 Light Poster

Hello,

I know this question was answered many times, and I looked at the answers but still can't find a solution.

I have an index file that includes a contact form.

The contact form action is itself, and if the form succeeds it should redirect to index.php?content=thankyou

Althought the form is being sent successfuly, it does not redirect to index.php?content=thankyou, it tries to go again to itself: index.php?content=contact and I get the "cannot modify header..." error.

I've added ob_start, ob_flush, I checked for spaces after php codes, or anywhere else, nothing helps.

I am attaching the index, contact and the form class files.

The problem might be in the index file line: 56, or on the fgcontactform file line: 143.

I am losing hair here, please, can someone help?

cgull 25 Light Poster

Hello,

I have downloaded a jquery gallery and made a lot of changes to it.

Now I am stuck with one thing that I can't change.

The gallery has thumbnails that scorll on the bottom.

I want the direction of the big image animation to change.

It is hard to explain, but if you go to this page:

http://www.ruthrudin.co.il/index.php?page=gallery&catId=1&catDir=magazines

You first stand on the first thumbnail on the right, when you click on the second one from the right, I want the big image to scroll from right to left and not from left to right. Then when you click again on the first thumb on the right, I want the big image to scroll from left to right and not from right to left.

The jQuery code is:

(function($) {
  $.fn.adGallery = function(options) {
    var defaults = { loader_image: 'images/gallery/loader.gif',
                     start_at_index: 0,
                     description_wrapper: $('#descriptions'),
                     thumb_opacity: 0.7,
                     animate_first_image: false,
                     animation_speed: 400,
                     width: false,
                     height: false,
                     display_next_and_prev: true,
                     display_back_and_forward: true,
                     scroll_jump: 0, // If 0, it jumps the width of the container
                     slideshow: {
                       enable: true,
                       autostart: false,
                       speed: 5000,
                       start_label: 'Start',
                       stop_label: 'Stop',
                       stop_on_scroll: true,
                       countdown_prefix: '(',
                       countdown_sufix: ')',
                       onStart: false,
                       onStop: false
                     },
                     effect: 'slide-hori', // or 'slide-vert', 'fade', or 'resize', 'none'
                     enable_keyboard_move: true,
                     cycle: true,
                     callbacks: {
                       init: false,
                       afterImageVisible: false,
                       beforeImageVisible: false
                     }
    };
    var settings = $.extend(false, defaults, options);
    if(options && options.slideshow) {
      settings.slideshow = $.extend(false, defaults.slideshow, options.slideshow);
    };
    if(!settings.slideshow.enable) {
      settings.slideshow.autostart = false;
    };