Category: Programming

Bootstrap carousel – fade effect vs slide

3 September, 201310 October, 2013 simion CSS, Programming 8 Comments

To implement a fade transition for your bootstrap carousel, add and use the following class to the carousel main holder.


.carousel.c-fade .item {
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.carousel.c-fade .active.left,
.carousel.c-fade .active.right {
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
}
.carousel.c-fade .next,
.carousel.c-fade .prev {
  left: 0;
  z-index: 1;
}
.carousel.c-fade .carousel-control {
  z-index: 3;
}

.carousel.c-fade .item {

-webkit-transition: opacity 1s ease-in-out;

-moz-transition: opacity 1s ease-in-out;

-ms-transition: opacity 1s ease-in-out;

-o-transition: opacity 1s ease-in-out;

transition: opacity 1s ease-in-out;

}

.carousel.c-fade .active.left,

.carousel.c-fade .active.right {

left: 0;

z-index: 2;

opacity: 0;

filter: alpha(opacity=0);

}

.carousel.c-fade .next,

.carousel.c-fade .prev {

left: 0;

z-index: 1;

}

.carousel.c-fade .carousel-control {

z-index: 3;

}

Example:


<div id="my-carousel" class="carousel slide c-fade">

PHP – Automatic “Table of Contents” based on headers (h1, h2, etc)

2 September, 201310 October, 2013 simion PHP, Programming Leave a comment

Works like a charm.

Also it add automatic ids for your tags, for automatic linking.

Demo here: http://assist-software.net/blog/qualsyst-iso-management-application


function create_automatic_toc($content) {
    preg_match_all( '/<h([1-6])(.*)>([^<]+)<\/h[1-6]>/i', $content, $matches, PREG_SET_ORDER );

    global $anchors;

    $anchors = array();
    $toc     = '<ul class="toc">'."\n";
    $i       = 0;

    foreach ( $matches as $heading ) {

        if ($i == 0)
            $startlvl = $heading[1];
        $lvl        = $heading[1];

        $ret = preg_match( '/id=[\'|"](.*)?[\'|"]/i', stripslashes($heading[2]), $anchor );
        if ( $ret && $anchor[1] != '' ) {
            $anchor = stripslashes( $anchor[1] );
            $add_id = false;
        } else {
            $anchor = preg_replace( '/\s+/', '-', preg_replace('/[^a-z\s]/', '', strtolower( $heading[3] ) ) );
            $add_id = true;
        }

        if ( !in_array( $anchor, $anchors ) ) {
            $anchors[] = $anchor;
        } else {
            $orig_anchor = $anchor;
            $i = 2;
            while ( in_array( $anchor, $anchors ) ) {
                $anchor = $orig_anchor.'-'.$i;
                $i++;
            }
            $anchors[] = $anchor;
        }

        if ( $add_id ) {
            $content = substr_replace( $content, '<h'.$lvl.' id="'.$anchor.'"'.$heading[2].'>'.$heading[3].'</h'.$lvl.'>', strpos( $content, $heading[0] ), strlen( $heading[0] ) );
        }

        $ret = preg_match( '/title=[\'|"](.*)?[\'|"]/i', stripslashes( $heading[2] ), $title );
        if ( $ret && $title[1] != '' )
            $title = stripslashes( $title[1] );
        else
            $title = $heading[3];
        $title      = trim( strip_tags( $title ) );

        if ($i > 0) {
            if ($prevlvl < $lvl) {
                $toc .= "\n"."<ul>"."\n";
            } else if ($prevlvl > $lvl) {
                $toc .= '</li>'."\n";
                while ($prevlvl > $lvl) {
                    $toc .= "</ul>"."\n".'</li>'."\n";
                    $prevlvl--;
                }
            } else {
                $toc .= '</li>'."\n";
            }
        }

        $j = 0;
        $toc .= '<li><a href="#'.$anchor.'">'.$title.'</a>';
        $prevlvl = $lvl;

        $i++;
    }

    unset( $anchors );

    while ( $lvl > $startlvl ) {
        $toc .= "\n</ul>";
        $lvl--;
    }

    $toc .= '</li>'."\n";
    $toc .= '</ul>'."\n";

    return array(
        'toc' => $toc,
        'content' => $content
    );
}

function create_automatic_toc($content) {

preg_match_all( '/<h([1-6])(.*)>([^<]+)<\/h[1-6]>/i', $content, $matches, PREG_SET_ORDER );

global $anchors;

$anchors = array();

$toc = '<ul class="toc">'."\n";

$i = 0;

foreach ( $matches as $heading ) {

if ($i == 0)

$startlvl = $heading[1];

$lvl = $heading[1];

$ret = preg_match( '/id=[\'|"](.*)?[\'|"]/i', stripslashes($heading[2]), $anchor );

if ( $ret && $anchor[1] != '' ) {

$anchor = stripslashes( $anchor[1] );

$add_id = false;

} else {

$anchor = preg_replace( '/\s+/', '-', preg_replace('/[^a-z\s]/', '', strtolower( $heading[3] ) ) );

$add_id = true;

}

if ( !in_array( $anchor, $anchors ) ) {

$anchors[] = $anchor;

} else {

$orig_anchor = $anchor;

$i = 2;

while ( in_array( $anchor, $anchors ) ) {

$anchor = $orig_anchor.'-'.$i;

$i++;

}

$anchors[] = $anchor;

}

if ( $add_id ) {

$content = substr_replace( $content, '<h'.$lvl.' id="'.$anchor.'"'.$heading[2].'>'.$heading[3].'</h'.$lvl.'>', strpos( $content, $heading[0] ), strlen( $heading[0] ) );

}

$ret = preg_match( '/title=[\'|"](.*)?[\'|"]/i', stripslashes( $heading[2] ), $title );

if ( $ret && $title[1] != '' )

$title = stripslashes( $title[1] );

else

$title = $heading[3];

$title = trim( strip_tags( $title ) );

if ($i > 0) {

if ($prevlvl < $lvl) {

$toc .= "\n"."<ul>"."\n";

} else if ($prevlvl > $lvl) {

$toc .= '</li>'."\n";

while ($prevlvl > $lvl) {

$toc .= "</ul>"."\n".'</li>'."\n";

$prevlvl--;

}

} else {

$toc .= '</li>'."\n";

}

$j = 0;

$toc .= '<li><a href="#'.$anchor.'">'.$title.'</a>';

$prevlvl = $lvl;

$i++;

}

unset( $anchors );

while ( $lvl > $startlvl ) {

$toc .= "\n</ul>";

$lvl--;

}

$toc .= '</li>'."\n";

$toc .= '</ul>'."\n";

return array(

'toc' => $toc,

'content' => $content

);

}

Source: http://www.westhost.com/contest/php/function/create-table-of-contents/124

Object has no method ‘curCSS’

27 August, 201310 October, 2013 simion CSS, Programming 1 Comment

I was implementing jquery-ui autocomplete on an older project, and came across this error:


Uncaught TypeError: Object function (a,b){return new p.fn.init(a,b,c)} has no method 'curCSS'

Uncaught TypeError: Object function (a,b){return new p.fn.init(a,b,c)} has no method 'curCSS'

Problem: Jquery removed .curCSS() method in 1.8 version.

The solution: …

MySql – Cannot delete or update a parent row: a foreign key constraint fails

26 August, 201326 August, 2013 simion Programming Leave a comment

Have you ever tried to make a relation with a foreign key, and when inserting, you get this error?


Cannot delete or update a parent row: a foreign key constraint fails

Cannot delete or update a parent row: a foreign key constraint fails

Googling this will give you many possible solutions:

foreign key does not exist in the related table
you have invalid data in one of the tables
your foreign key relation is backwards
disable foreign key checks (not cool)

For me, none of these worked.

By mistake, I found the real problem: One of the related tables had a different storage engine.

The Solution: Set the same …