Jack Oliveira

Vou olhar aqui @Omar~ obrigado....

@Omar~ sim seria isso mesmo... o que eu tinha sugerido para ele era realmente criar um select seria na base deste aqui onde ele poderia criar vários destaque conforme seria a necessidade dele <div class="col-md-6"> <div class="form-group"> <label>Destaques:</label> <em> Destacar as empresas</em> <select class="form-control input-lg" name="id_destaque"> <?php $Query = DBRead('c_destaque','*','ORDER BY categoria ASC'); if (is_array($Query)) { foreach ($Query as $c_dados) { ?> <option value="<?php echo $c_dados['id']; ?>"><?php echo $c_dados['categoria']; ?></option> <?php } } ?> </select> </div> </div> Neste ex: aí ele teria uma categoria onde ele poderia cadastrar e editar os seus planos de destaque.. porém ele não quer porque diz que já tem mais de 4 mil cadastrado já com estes destaques e não quer editar um por um.... Na verdade este projeto dele é um projeto antigo que fizeram para ele trabalhar... passei uma solução apropriada para que o sistema dele fica organizado, ele só não quer editar os dados que já estão kkk

Seria sim, porém o cliente não quer recadastrar tudo de novo pois são mais de 4 mil clientes cadastrado no banco

@marsolim boa tarde então é o seguinte vou tentar fazer um exemplo vou por em números na frente do titulo este numero seria os espaços que ele dar ao cadastrar.. 1Mercado Novo Preço 2Mercado Bela Vista 3Mercado Da Dona Maria 4Mercado Sorriso Aí cada numero na frente resulta a quantidade de espaço dado o que é preciso é apenas o titulo ser alterado sem que os clientes mude o espaço os cadastrados é feito em php

Veja aqui talvez ajude Enviando dados via ajax e jquery GET & POST

troque comentario_situacao por apenas situacao

Uma coisa que reparei aqui $pdo->exec("UPDATE `video_monitor` SET `situacao` = '.$situacao.' WHERE `video_monitor`.`idvideo_monitor` = ".$_GET['id']); video_monitor seria sua tabela correto? você esta fazendo isso WHERE `video_monitor` a menos que isso seria algum campo na tabela video_monitor tente assim e veja se dará certo $pdo->exec("UPDATE video_monitor SET situacao WHERE situacao = '{$situacao}' AND idvideo_monitor = '".$_GET['id']."'");

$result =mysqli_query($connect,"INSERT INTO minha_tabela (login, msg) values ('$login','$msg')"); Ou tu tenta desta forma este é um exemplo do que eu uso aqui //Insere Dados no Banco function DBCreate($tabela, array $dados, $insertid = false){ if (DB_PREFIX != '') { $tabela = DB_PREFIX.'_'.$tabela; } $dados = DBEscape($dados); $campos = implode(', ', array_keys($dados)); $values = "'".implode("', '", $dados)."'"; $query = "INSERT INTO {$tabela} ({$campos}) VALUES ({$values})"; return DBExecute($query, $insertid); } acredito que quira fazer isso $query = "INSERT INTO {$tabela} ({$campos}) VALUES ({$values})";

Você precisa definir o nome da sua tabela aí... $result =mysqli_query($connect,"INSERT INTO MINHA-TABELA (login, msg) values ('$login','$msg')");

Boa tarde tente assim Baixe o plugin aqui $(document).ready(function() { $(".ValoresItens").maskMoney({ prefix: "R$:", decimal: ",", thousands: "." }); }); Tem esta outra forma Aqui...

Olá amigos boa tarde gostaria de saber de alguma forma que posso criar um jeito das pessoas fazer assinatura online em um contrato No caso será preenchido o contrato online e no final a pessoa poder assinar sem precisar ela baixar ou até mesmo imprimir a folha de assinatura, e depois ter que enviar a folha para a empresa Que tudo isso poder ser feito online.. Se ter alguma forma de fazer isso no PHP ou SCRIPT... Espero que eu tenha sido objetivo ai desde já fico grato pela ajuda que puderem dar....

Pode fazer assim <a href="#Titulo01">Titulo 01</a><br/> <a href="#Titulo02">Titulo 02</a><br/> <div id="Titulo01"> <h3>Titulo 01</h3> <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid</p> </div> <div id="Titulo02"> <h3>Titulo 02</h3> <p>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid</p> </div>

@Omar~ @Felipe Guedes Coutinho @Motta Caros amigos poderia me ajudar em selecionar vários item com select multiple e salva no banco de dados fiz da minha maneira mais não estou tendo resultado Ou seja os outro item grava no banco de dados menos o id_prod[] ao invés de salva o id que esta selecionado ele esta salvando id 0... <div class="col-md-6"> <div class="form-group"> <label>Produtos:</label> <select class="form-control select2" name="id_prod[]" multiple="multiple" data-placeholder="Você pode selecionar mais de um produto"> <?php $Query = DBRead('tbl_produto','titulo, id'); if (is_array($Query)) { foreach ($Query as $produto) { ?> <option value="<?php echo $produto['id']; ?>"><?php echo $produto['titulo']; ?></option> <?php } } ?> </select> </div> </div> No meu controller fiz assim // Adicionar Item if (isset($_GET['AdicionarTblAlugar'])) { if (isset($_POST['id_prod'])) { $id_prod = implode(', ', array_values(post('id_prod'))); } else { $id_prod = false; } $AdicionarTblAlugar = array( 'id_prod' => post('id_prod'), 'id_cliente' => post('id_cliente'), 'id_status' => post('id_status'), 'id_cidade' => post('id_cidade'), 'tipo' => post('tipo'), 'representante' => post('representante'), 'data_alugado' => post('data_alugado'), 'data_entrega' => post('data_entrega'), 'valor' => post('valor'), 'quantidade_alugado' => post('quantidade_alugado'), 'responsavel' => post('responsavel'), 'descricao' => post('descricao') ); $Query = DBCreate('tbl_alugar', $AdicionarTblAlugar); if ($Query != 0) { Redireciona('?sucesso'); } else { Redireciona('?erro');} } Fico na espera da ajuda de vocês...

Olá boa tarde.. Que bom que deu certo então Marca seus post aqui como resolvido...

Olá Alberto Nascimento tudo bem .. Tente fazer isso aqui como teste e se der certo adaptar ao teu código gravar.php <?php // conectar ao banco de dados $conn = mysqli_connect('localhost', 'root', '', 'banco_de_dados'); // Carrega arquivos if (isset($_POST['Adicionar'])) { // se clicar no botão Salvar no formulário //nome do arquivo carregado $filename = $_FILES['arquivo']['name']; // destino do arquivo no servidor $destination = '../arquivos/' . $filename; // Obtenha a extensão do arquivo $extension = pathinfo($filename, PATHINFO_EXTENSION); // O arquivo físico em um diretório de uploads temporários no servidor $file = $_FILES['arquivo']['tmp_name']; $size = $_FILES['arquivo']['size']; if (!in_array($extension, ['jpg', 'jpeg', 'gif', 'png'])) { echo "Sua extensão de arquivo deve ser .jpg .jpeg .gif .png"; } elseif ($_FILES['arquivo']['size'] > 1000000) { // o arquivo não deve ser maior que 1Megabyte echo "Arquivo muito grande!"; } else { // mova o arquivo carregado (temporário) para o destino especificado if (move_uploaded_file($file, $destination)) { $sql = "INSERT INTO files (nome, size, downloads) VALUES ('$filename', $size, 0)"; if (mysqli_query($conn, $sql)) { echo "Arquivo enviado com sucesso"; } } else { echo "Falha ao fazer upload do arquivo."; } } } Na dúvida de uma olhada no poste de João Oliveira

Poderia ser mais objetivo e posta o código que tu esta querendo fazer ou seja poste mais sobre o teu código

Tente isso .btn{ float:center }

Poste teu código

Tente usar o seguinte script backstretch.js /* * Backstretch * http://srobbin.com/jquery-plugins/backstretch/ * * Copyright (c) 2013 Scott Robbin * Licensed under the MIT license. */ ;(function ($, window, undefined) { 'use strict'; /* PLUGIN DEFINITION * ========================= */ $.fn.backstretch = function (images, options) { // We need at least one image or method name if (images === undefined || images.length === 0) { $.error("No images were supplied for Backstretch"); } /* * Scroll the page one pixel to get the right window height on iOS * Pretty harmless for everyone else */ if ($(window).scrollTop() === 0 ) { window.scrollTo(0, 0); } return this.each(function () { var $this = $(this) , obj = $this.data('backstretch'); // Do we already have an instance attached to this element? if (obj) { // Is this a method they're trying to execute? if (typeof images == 'string' && typeof obj[images] == 'function') { // Call the method obj[images](options); // No need to do anything further return; } // Merge the old options with the new options = $.extend(obj.options, options); // Remove the old instance obj.destroy(true); } obj = new Backstretch(this, images, options); $this.data('backstretch', obj); }); }; // If no element is supplied, we'll attach to body $.backstretch = function (images, options) { // Return the instance return $('body') .backstretch(images, options) .data('backstretch'); }; // Custom selector $.expr[':'].backstretch = function(elem) { return $(elem).data('backstretch') !== undefined; }; /* DEFAULTS * ========================= */ $.fn.backstretch.defaults = { centeredX: true // Should we center the image on the X axis? , centeredY: true // Should we center the image on the Y axis? , duration: 5000 // Amount of time in between slides (if slideshow) , fade: 0 // Speed of fade transition between slides }; /* STYLES * * Baked-in styles that we'll apply to our elements. * In an effort to keep the plugin simple, these are not exposed as options. * That said, anyone can override these in their own stylesheet. * ========================= */ var styles = { wrap: { left: 0 , top: 0 , overflow: 'hidden' , margin: 0 , padding: 0 , height: '100%' , width: '100%' , zIndex: -999999 } , img: { position: 'absolute' , display: 'none' , margin: 0 , padding: 0 , border: 'none' , width: 'auto' , height: 'auto' , maxHeight: 'none' , maxWidth: 'none' , zIndex: -999999 } }; /* CLASS DEFINITION * ========================= */ var Backstretch = function (container, images, options) { this.options = $.extend({}, $.fn.backstretch.defaults, options || {}); /* In its simplest form, we allow Backstretch to be called on an image path. * e.g. $.backstretch('/path/to/image.jpg') * So, we need to turn this back into an array. */ this.images = $.isArray(images) ? images : [images]; // Preload images $.each(this.images, function () { $('<img />')[0].src = this; }); // Convenience reference to know if the container is body. this.isBody = container === document.body; /* We're keeping track of a few different elements * * Container: the element that Backstretch was called on. * Wrap: a DIV that we place the image into, so we can hide the overflow. * Root: Convenience reference to help calculate the correct height. */ this.$container = $(container); this.$root = this.isBody ? supportsFixedPosition ? $(window) : $(document) : this.$container; // Don't create a new wrap if one already exists (from a previous instance of Backstretch) var $existing = this.$container.children(".backstretch").first(); this.$wrap = $existing.length ? $existing : $('<div class="backstretch"></div>').css(styles.wrap).appendTo(this.$container); // Non-body elements need some style adjustments if (!this.isBody) { // If the container is statically positioned, we need to make it relative, // and if no zIndex is defined, we should set it to zero. var position = this.$container.css('position') , zIndex = this.$container.css('zIndex'); this.$container.css({ position: position === 'static' ? 'relative' : position , zIndex: zIndex === 'auto' ? 0 : zIndex , background: 'none' }); // Needs a higher z-index this.$wrap.css({zIndex: -999998}); } // Fixed or absolute positioning? this.$wrap.css({ position: this.isBody && supportsFixedPosition ? 'fixed' : 'absolute' }); // Set the first image this.index = 0; this.show(this.index); // Listen for resize $(window).on('resize.backstretch', $.proxy(this.resize, this)) .on('orientationchange.backstretch', $.proxy(function () { // Need to do this in order to get the right window height if (this.isBody && window.pageYOffset === 0) { window.scrollTo(0, 1); this.resize(); } }, this)); }; /* PUBLIC METHODS * ========================= */ Backstretch.prototype = { resize: function () { try { var bgCSS = {left: 0, top: 0} , rootWidth = this.isBody ? this.$root.width() : this.$root.innerWidth() , bgWidth = rootWidth , rootHeight = this.isBody ? ( window.innerHeight ? window.innerHeight : this.$root.height() ) : this.$root.innerHeight() , bgHeight = bgWidth / this.$img.data('ratio') , bgOffset; // Make adjustments based on image ratio if (bgHeight >= rootHeight) { bgOffset = (bgHeight - rootHeight) / 2; if(this.options.centeredY) { bgCSS.top = '-' + bgOffset + 'px'; } } else { bgHeight = rootHeight; bgWidth = bgHeight * this.$img.data('ratio'); bgOffset = (bgWidth - rootWidth) / 2; if(this.options.centeredX) { bgCSS.left = '-' + bgOffset + 'px'; } } this.$wrap.css({width: rootWidth, height: rootHeight}) .find('img:not(.deleteable)').css({width: bgWidth, height: bgHeight}).css(bgCSS); } catch(err) { // IE7 seems to trigger resize before the image is loaded. // This try/catch block is a hack to let it fail gracefully. } return this; } // Show the slide at a certain position , show: function (newIndex) { // Validate index if (Math.abs(newIndex) > this.images.length - 1) { return; } // Vars var self = this , oldImage = self.$wrap.find('img').addClass('deleteable') , evtOptions = { relatedTarget: self.$container[0] }; // Trigger the "before" event self.$container.trigger($.Event('backstretch.before', evtOptions), [self, newIndex]); // Set the new index this.index = newIndex; // Pause the slideshow clearInterval(self.interval); // New image self.$img = $('<img />') .css(styles.img) .bind('load', function (e) { var imgWidth = this.width || $(e.target).width() , imgHeight = this.height || $(e.target).height(); // Save the ratio $(this).data('ratio', imgWidth / imgHeight); // Show the image, then delete the old one // "speed" option has been deprecated, but we want backwards compatibilty $(this).fadeIn(self.options.speed || self.options.fade, function () { oldImage.remove(); // Resume the slideshow if (!self.paused) { self.cycle(); } // Trigger the "after" and "show" events // "show" is being deprecated $(['after', 'show']).each(function () { self.$container.trigger($.Event('backstretch.' + this, evtOptions), [self, newIndex]); }); }); // Resize self.resize(); }) .appendTo(self.$wrap); // Hack for IE img onload event self.$img.attr('src', self.images[newIndex]); return self; } , next: function () { // Next slide return this.show(this.index < this.images.length - 1 ? this.index + 1 : 0); } , prev: function () { // Previous slide return this.show(this.index === 0 ? this.images.length - 1 : this.index - 1); } , pause: function () { // Pause the slideshow this.paused = true; return this; } , resume: function () { // Resume the slideshow this.paused = false; this.next(); return this; } , cycle: function () { // Start/resume the slideshow if(this.images.length > 1) { // Clear the interval, just in case clearInterval(this.interval); this.interval = setInterval($.proxy(function () { // Check for paused slideshow if (!this.paused) { this.next(); } }, this), this.options.duration); } return this; } , destroy: function (preserveBackground) { // Stop the resize events $(window).off('resize.backstretch orientationchange.backstretch'); // Clear the interval clearInterval(this.interval); // Remove Backstretch if(!preserveBackground) { this.$wrap.remove(); } this.$container.removeData('backstretch'); } }; /* SUPPORTS FIXED POSITION? * * Based on code from jQuery Mobile 1.1.0 * http://jquerymobile.com/ * * In a nutshell, we need to figure out if fixed positioning is supported. * Unfortunately, this is very difficult to do on iOS, and usually involves * injecting content, scrolling the page, etc.. It's ugly. * jQuery Mobile uses this workaround. It's not ideal, but works. * * Modified to detect IE6 * ========================= */ var supportsFixedPosition = (function () { var ua = navigator.userAgent , platform = navigator.platform // Rendering engine is Webkit, and capture major version , wkmatch = ua.match( /AppleWebKit\/([0-9]+)/ ) , wkversion = !!wkmatch && wkmatch[ 1 ] , ffmatch = ua.match( /Fennec\/([0-9]+)/ ) , ffversion = !!ffmatch && ffmatch[ 1 ] , operammobilematch = ua.match( /Opera Mobi\/([0-9]+)/ ) , omversion = !!operammobilematch && operammobilematch[ 1 ] , iematch = ua.match( /MSIE ([0-9]+)/ ) , ieversion = !!iematch && iematch[ 1 ]; return !( // iOS 4.3 and older : Platform is iPhone/Pad/Touch and Webkit version is less than 534 (ios5) ((platform.indexOf( "iPhone" ) > -1 || platform.indexOf( "iPad" ) > -1 || platform.indexOf( "iPod" ) > -1 ) && wkversion && wkversion < 534) || // Opera Mini (window.operamini && ({}).toString.call( window.operamini ) === "[object OperaMini]") || (operammobilematch && omversion < 7458) || //Android lte 2.1: Platform is Android and Webkit version is less than 533 (Android 2.2) (ua.indexOf( "Android" ) > -1 && wkversion && wkversion < 533) || // Firefox Mobile before 6.0 - (ffversion && ffversion < 6) || // WebOS less than 3 ("palmGetResource" in window && wkversion && wkversion < 534) || // MeeGo (ua.indexOf( "MeeGo" ) > -1 && ua.indexOf( "NokiaBrowser/8.5.0" ) > -1) || // IE6 (ieversion && ieversion <= 6) ); }()); }(jQuery, window)); Slide js <script type="text/javascript"> /* backstretch slider */ $('.header-slide').backstretch([ "http://localhost/IMOB/assets/imagens/slides/cfb34816a5e2275cc9afba4fee485862.jpg", "http://localhost/IMOB/assets/imagens/slides/d34bbf02011cd7e3e7dab9bce8ffb90c.jpg", ], { fade: 850, duration: 4000 }); </script> onde for teu slide chama o slide <div class="header-slide"> </div> Veja se vai funcionar

Eu uso <meta charset="utf-8"> e para garantir que tudo ficará ok faço isso usando 'UTF-8' no final do php <?php echo trim(ucwords(mb_strtolower($dados['titulo'], 'UTF-8'))); ?> Sempre tive este mesmo problema quase todas as vezes um amigo me indico fazer isso... e espero que possa ajudar você também...

Eu uso <meta charset="utf-8"> e para garantir que tudo ficará ok faço isso usando 'UTF-8' no final do php <?php echo trim(ucwords(mb_strtolower($dados['titulo'], 'UTF-8'))); ?> Sempre tive este mesmo problema quase todas as vezes um amigo me indico fazer isso... e espero que possa ajudar você também...

Olá tudo bem tente isso JS var ua = navigator.userAgent.toLowerCase(); var uMobile = ''; // === REDIRECIONAMENTO PARA iPhone, Windows Phone, Android, etc. === // Lista de substrings a procurar para ser identificado como mobile WAP uMobile = ''; uMobile += 'iphone;ipod;windows phone;android;iemobile 8'; // Sapara os itens individualmente em um array v_uMobile = uMobile.split(';'); // percorre todos os itens verificando se eh mobile var boolMovel = false; for (i=0;i<=v_uMobile.length;i++){ if (ua.indexOf(v_uMobile[i]) != -1){ boolMovel = true; } } if (boolMovel == true){ location.href='ENDEREÇO PARA MOBILE'; } else { location.href='Endereço comum'; } PHP <?php $useragent=$_SERVER['HTTP_USER_AGENT']; if(preg_match('/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i',$useragent)||preg_match('/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i',substr($useragent,0,4))) header('Location: http://detectmobilebrowser.com/mobile'); ?> Qualquer coisa leia aqui...

Boa noite de uma olha nestes links aqui talvez possa lhe ajudar Link 01 link 02 Link 03

Olá boa noite não sei se entende a pergunta no seu caso tu queria um relógio que se atualiza automaticamente? se for veja aqui <html> <head> <title>Relogio com Javascript</title> <script language="JavaScript"> function moveRelogio(){ momentoAtual = new Date() hora = momentoAtual.getHours() minuto = momentoAtual.getMinutes() segundo = momentoAtual.getSeconds() str_segundo = new String (segundo) if (str_segundo.length == 1) segundo = "0" + segundo str_minuto = new String (minuto) if (str_minuto.length == 1) minuto = "0" + minuto str_hora = new String (hora) if (str_hora.length == 1) hora = "0" + hora horaImprimible = hora + " : " + minuto + " : " + segundo document.form_relogio.relogio.value = horaImprimivel setTimeout("moveRelogio()",1000) } </script> </head> <body onload="moveRelogio()"> Vemos aqui o relógio funcionando... <form name="form_relogio"> <input type="text" name="relogio" size="10" style="background-color : Black; color : White; font-family : Verdana, Arial, Helvetica; font-size : 8pt; text-align : center;" onfocus="window.document.form_relogio.relogio.blur()"> </form> </body> </html> Caso precisa de outra opção veja aqui...

Ola de uma olhada aqui veja se lhe ajudará... Matriz 3x3 em PHP