Apuntes para la administración de proyectos y desarrollo de TI: mayo 2014

php get hashtags of string

metodo para extraer hashtags desde una cadena de texto en php

function get_hashtags($cadena, $str = 1) {
$filtros= "";
preg_match_all('/#(\w+)/',$cadena,$matches);
$i = 0;
if ($str) {
foreach ($matches[1] as $match) {
$count = count($matches[1]);
$filtros .= "$match";
$i++;
if ($count > $i) $filtros .= ",";
}
} else {
foreach ($matches[1] as $match) {
$keyword[] = $match;
}
$filtros = $keyword;
}
return $filtros;
}

extrar hashtags de una cadena / #hashtags string preg_match

con en regular expression recorremos una cadena y extramos todos los # que contenta.

$string = 'Tweet #alianzalima ahora si te creo #gol';
preg_match("/#(\\w+)/", $string, $matches);
print_r($matches);

para comprobar, seguir este link http://codepad.viper-7.com/9gSAbq

agregar tags html dinamicamente en un div con html5 y javascript puro - sin plugins

Si queremos dejar de usar los a veces pesados wyswyg, o textareas con opciones de edicion de texto que muchas veces ni necesitamos, les presento el codigo con que lo hice posible :

html

javascript

function pasteHtmlAtCaret(html) {

var sel, range;

if (window.getSelection) {

// IE9 and non-IE

sel = window.getSelection();

if (sel.getRangeAt && sel.rangeCount) {

range = sel.getRangeAt(0);

range.deleteContents();

// Range.createContextualFragment() would be useful here but is

// non-standard and not supported in all browsers (IE9, for one)

var el = document.createElement("div");

el.innerHTML = html;

var frag = document.createDocumentFragment(), node, lastNode;

while ( (node = el.firstChild) ) {

lastNode = frag.appendChild(node);

}

range.insertNode(frag);

// Preserve the selection

if (lastNode) {

range = range.cloneRange();

range.setStartAfter(lastNode);

range.collapse(true);

sel.removeAllRanges();

sel.addRange(range);

}

} else if (document.selection && document.selection.type != "Control") {

// IE < 9

document.selection.createRange().pasteHTML(html);

}

function cargar(){

var inn = '<iframe width="560" height="315" src="//www.youtube.com/embed/tlUVVGCdOiQ" frameborder="0" allowfullscreen></iframe>';

document.getElementById('test').focus();

pasteHtmlAtCaret(inn);

}

ver demo aqui http://jsfiddle.net/fenve/8WLNY/

jquery auto complete - autocompletar campo con jquery

Es así de facil :



<!doctype html>



<html lang="en">



<head>



  <meta charset="utf-8">



  <title>jQuery UI Autocomplete - Custom data and display</title>



  <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">



  <script src="//code.jquery.com/jquery-1.10.2.js"></script>



  <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>



  <link rel="stylesheet" href="/resources/demos/style.css">



  <style>



  #project-label {



    display: block;



    font-weight: bold;



    margin-bottom: 1em;



  }



  #project-icon {



    float: left;



    height: 32px;



    width: 32px;



  }



  #project-description {



    margin: 0;



    padding: 0;



  }



  </style>



  <script>



  $(function() {



    var projects = [



      {



        value: "jquery",



        label: "jQuery",



        desc: "the write less, do more, JavaScript library",



        icon: "jquery_32x32.png"



      },



      {



        value: "jquery-ui",



        label: "jQuery UI",



        desc: "the official user interface library for jQuery",



        icon: "jqueryui_32x32.png"



      },



      {



        value: "sizzlejs",



        label: "Sizzle JS",



        desc: "a pure-JavaScript CSS selector engine",



        icon: "sizzlejs_32x32.png"



      }



    ];



 



    $( "#project" ).autocomplete({



      minLength: 0,



      source: projects,



      focus: function( event, ui ) {



        $( "#project" ).val( ui.item.label );



        return false;



      },



      select: function( event, ui ) {



        $( "#project" ).val( ui.item.label );



        $( "#project-id" ).val( ui.item.value );



        $( "#project-description" ).html( ui.item.desc );



        $( "#project-icon" ).attr( "src", "images/" + ui.item.icon );



 



        return false;



      }



    })



    .data( "ui-autocomplete" )._renderItem = function( ul, item ) {



      return $( "<li>" )



        .append( "<a>" + item.label + "<br>" + item.desc + "</a>" )



        .appendTo( ul );



    };



  });



  </script>



</head>



<body>



 



<div id="project-label">Select a project (type "j" for a start):</div>



<img id="project-icon" src="images/transparent_1x1.png" class="ui-state-default" alt="">



<input id="project">



<input type="hidden" id="project-id">



<p id="project-description"></p>



 



 



</body>



</html>

DEMO aqui http://jsfiddle.net/fenve/hthgk/