Jump to content

Search the Community

Showing results for tags 'JavaScript'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 2501 results

  1. henriquers

    Ajustar tamanho do Datepicker

    Bom Dia a todos, Estou com um problema implementei o Plugin do Bootstrap DatePicker mas estou tendo problema para ajustar o tamanho, ele esta saindo da borda dele. Ele esta com esse problema, alguem sabe o que posso fazer para arrumar. script -> $('.datepicker').datepicker({ startDate: '-10y', format: "dd/mm/yyyy", todayBtn: "linked", forceParse: false, autoclose: true, todayHighlight: true, language: 'pt-BR', });
  2. ZeroEnd

    Javascript conectar db sqlite3

    Boa noite. Gostaria de uma direção. Tenho um arquivo MeusDados.db(sqlite3), nesse arquivo a uma tabela chamada contatos com as seguintes colunas ( id, nome, telefone, email). A minha duvida é como que eu faço a conexão ao banco de dados "MeusDados.db(sqlite3)". No momento eu achei sobre WebSql que no caso cria o banco no navegador, mas não é o que estou procurando. Desde já agradeço a atenção.
  3. Olá. Estou com um problema que não estou a conseguir resolver algum tempo. eu queria que no Objecto da Classe player quando fizesse o set para uma nova tile (casa) ele mostrasse o boneco nessa posição. o meu problema está quando quer mostrar o círculo vermelho noutra tile(casa) ele lança uma excepção que diz que a função não está definida na classe player será possível me ajudarem a consertar este problema? tenho um projecto escolar para levar para frente mas sem conseguir esta parte não consigo fazer o resto. Agradecia imenso a vossa ajuda. O código é o seguinte: //CLASS TILE class tile { constructor(x, y, id) { this.id = id; this.centerPos = createVector(x, y); this.listajog = []; this.posPlayer1 = createVector(this.centerPos.x - 5, this.centerPos.y - 5); this.posPlayer2 = createVector(this.centerPos.x + 5, this.centerPos.y - 5); this.posPlayer3 = createVector(this.centerPos.x - 5, this.centerPos.y + 5); this.posPlayer4 = createVector(this.centerPos.x + 5, this.centerPos.y + 5); } showTiles() { rectMode(CENTER); rect(this.centerPos.x, this.centerPos.y, 50, 100); } mostrarJogadores() { if (this.listajog.length != 0) { for (var i = 0; i < this.listajog.length; i++){ console.log(this.id); if (this.listajog.getId() == 1 && this.id == this.listajog.getTileID()) { circle(this.posPlayer1.x, this.posPlayer1.y, 5); } else if (this.listajog.getId() == 2 && this.id == this.listajog.getTileID()) { circle(this.posPlayer2.x, this.posPlayer2.y, 5); } else if (this.listajog.getId() == 3 && this.id == this.listajog.getTileID()) { circle(this.posPlayer3.x, this.posPlayer3.y, 5); } else if (this.listajog.getId() == 4 && this.id == this.listajog.getTileID()) circle(this.posPlayer4.x, this.posPlayer4.y, 5); } } } startGame() { this.listajog.push(pl1); this.listajog.push(pl2); this. listajog.push(pl3); this.listajog.push(pl4); } } ///////////////////////////////////////////////////// //CLASSE JOGADORES class Jogador { constructor(id) { this.id = id; this.tileID = 0; } getId() { return this.id; } setTileCount(diceResult) { this.tileID = this.tileID + diceResult; } getTileID() { return this.tileID; } } //CLASS MAIN var jog = 0; var tls = new Array(4); function setup() { createCanvas(400, 400); background(220); for (var i = 0; i < tls.length; i++) { tls = new tile(100 + ((i + 1) * 60), 100, i); tls.showTiles(); } pl1 = new Jogador(1); pl2 = new Jogador(2); pl3 = new Jogador(3); pl4 = new Jogador4); } function draw() { for (var i = 0; i < tls.length; i++) { tls.mostrarJogadores(); } } function mousePressed() { tls[0].startGame(); } function keyPressed() { pl1.setTileCount(2); pl1.mostrarJogadores(); }
  4. Olá pessoal, beleza?!! Espero que sim! Vou tentar explicar bem meu problema para ver se aparece um anjo na minha vida e me ajuda com isso! Tenho um projeto quiz para facebook. Todo o tráfego é gerado pelos próprios usuários que fazem o teste, aparece a foto do usuário e ele compartilha em seu facebook. Porém a taxa de compartilhamento está muito baixa, percebi que não esta exibindo a imagem certa dentro da janela de share do facebook. Acredito que quem conhece php e/ou javascript consegue ler o código e ver qual código é responsável por puxar a imagem do resultado dentro da janela de share. É exibida a imagem de "capa", mas não a imagem do resultado. Por favor, veja o funcionamento, basta logar com facebook e para iniciar o teste: https://testesdivertidos.com/qual-seu-status-de-relacionamento-para-este-ano/ Após aparecer o resultado, clique em COMPARTILHAR, verá que a imagem da capa aparece no share, ao invés da imagem do resultado. Bom, os arquivos responsáveis acredito serem 3. wp-quiz-pro.php inc/class-fb-quiz.php inc/class-wp-quiz-pro.php Obs: "class-fb-quiz.php" e "class-wp-quiz-pro.php" estão dentro da pasta inc Segue código, wp-quiz-pro.php: <?php /** * Plugin Name: Testes Pop * Plugin URI: https://testespop.com.br * Description: O TestesPop permite que você adicione facilmente testes para o facebook, ágeis e modernos ao seu site ou blog! Aumente o engajamento e os compartilhamentos enquanto fatura continuamente. * Version: 4122 * Author: TestesPop * Author URI: http://testespop.com.br * * Text Domain: testes-pop * Domain Path: /languages/ */ if ( ! defined( 'ABSPATH' ) ) { exit; // disable direct access } if ( ! class_exists( 'WP_Quiz_Pro_Plugin' ) ) : /** * Register the plugin. * * Display the administration panel, insert JavaScript etc. */ class WP_Quiz_Pro_Plugin { /** * Hold plugin version * * @var string */ public $version = '4122'; /** * Hold an instance of WP_Quiz_Pro_Plugin class. * * @var WP_Quiz_Pro_Plugin */ protected static $instance = null; /** * Hold the current quiz instance * * @var WP_Quiz_Pro */ public $quiz = null; /** * Plugin url. * @var string */ private $plugin_url = null; /** * Plugin path. * @var string */ private $plugin_dir = null; /** * Main WP_Quiz_Pro_Plugin instance. * @return WP_Quiz_Pro_Plugin - Main instance. */ public static function get_instance() { if ( is_null( self::$instance ) ) { self::$instance = new WP_Quiz_Pro_Plugin; } return self::$instance; } /** * You cannot clone this class. */ public function __clone() { _doing_it_wrong( __FUNCTION__, __( 'Cheatin&#8217; huh?', 'wp-quiz-pro' ), $this->version ); } /** * You cannot unserialize instances of this class. */ public function __wakeup() { _doing_it_wrong( __FUNCTION__, __( 'Cheatin&#8217; huh?', 'wp-quiz-pro' ), $this->version ); } /** * The Constructor */ private function __construct() { $this->includes(); $this->hooks(); $this->setup_shortcode(); } /** * Load required classes */ private function includes() { // Auto loader spl_autoload_register( array( $this, 'autoloader' ) ); new WP_Quiz_Pro_Admin; } /** * Autoload classes */ public function autoloader( $class ) { $dir = $this->plugin_dir() . 'inc' . DIRECTORY_SEPARATOR; $class_file_name = 'class-' . str_replace( array( 'wp_quiz_pro_', '_' ), array( '', '-' ), strtolower( $class ) ) . '.php'; if ( file_exists( $dir . $class_file_name ) ) { require $dir . $class_file_name; } } /** * Register the [wp_quiz_pro] shortcode. */ private function setup_shortcode() { add_shortcode( 'wp_quiz_pro', array( $this, 'register_shortcode' ) ); add_shortcode( 'wp_quiz_listing', array( $this, 'quiz_listing' ) ); } /** * Hook WP Quiz into WordPress */ private function hooks() { // Common add_action( 'init', array( $this, 'load_plugin_textdomain' ) ); add_action( 'init', array( $this, 'register_post_type' ) ); add_action( 'init', array( $this, 'embeded_output' ) ); // Frontend add_action( 'wp_head', array( $this, 'inline_script' ), 1 ); add_filter( 'the_content', array( $this, 'create_quiz_page' ) ); // Ajax add_action( 'wp_ajax_wq_quizResults', array( $this, 'save_quiz_results' ) ); add_action( 'wp_ajax_nopriv_wq_quizResults', array( $this, 'save_quiz_results' ) ); add_action( 'wp_ajax_wq_submitInfo', array( $this, 'save_quiz_user_info' ) ); add_action( 'wp_ajax_nopriv_wq_submitInfo', array( $this, 'save_quiz_user_info' ) ); add_action( 'wp_ajax_wq_submitFbInfo', array( $this, 'save_quiz_fb_user_info' ) ); add_action( 'wp_ajax_nopriv_wq_submitFbInfo', array( $this, 'save_quiz_fb_user_info' ) ); add_action( 'wp_ajax_check_image_file', array( $this, 'check_image_file' ) ); add_action( 'wp_ajax_check_video_file', array( $this, 'check_video_file' ) ); add_action( 'wp_ajax_dismiss_imagick_notice', array( $this, 'dismiss_imagick_notice' ) ); add_action( 'wp_ajax_dismiss_gdlibrary_notice', array( $this, 'dismiss_gdlibrary_notice' ) ); add_action( 'wp_ajax_wpquiz_get_debug_log', array( $this, 'wp_quiz_pro_get_debug_log' ) ); add_action( 'wp_ajax_connect_aweber', array( $this, 'connect_aweber' ) ); // FB SDK version 2.9 fix if ( isset( $_GET['fbs'] ) && ! empty( $_GET['fbs'] ) ) { add_action( 'template_redirect', array( $this, 'fb_share_fix' ) ); } } /** * Initialise translations */ public function load_plugin_textdomain() { load_plugin_textdomain( 'wp-quiz-pro', false, dirname( plugin_basename( __FILE__ ) ) . '/languages/' ); } /** * Register Quiz post type */ public function register_post_type() { $labels = array( 'name' => __( 'Testes Pop', 'wp-quiz-pro' ), 'menu_name' => __( 'Testes Pop', 'wp-quiz-pro' ), 'singular_name' => __( 'Testes Pop', 'wp-quiz-pro' ), 'name_admin_bar' => _x( 'Testes Pop', 'name admin bar', 'wp-quiz-pro' ), 'all_items' => __( 'Todos os testes', 'wp-quiz-pro' ), 'search_items' => __( 'Procurar teste', 'wp-quiz-pro' ), 'add_new' => _x( 'Adicionar novo', 'quiz', 'wp-quiz-pro' ), 'add_new_item' => __( 'Adicionar novo teste', 'wp-quiz-pro' ), 'new_item' => __( 'Adicionar novo', 'wp-quiz-pro' ), 'view_item' => __( 'Ver teste', 'wp-quiz-pro' ), 'edit_item' => __( 'Editar teste', 'wp-quiz-pro' ), 'not_found' => __( 'Nenhum teste encontrado.', 'wp-quiz-pro' ), 'not_found_in_trash' => __( 'Nenhum teste na lixeira.', 'wp-quiz-pro' ), 'parent_item_colon' => __( 'Teste pai', 'wp-quiz-pro' ), ); $args = array( 'labels' => $labels, 'description' => __( 'Mantém os testes e seus dados.', 'wp-quiz-pro' ), 'menu_position' => 5, 'menu_icon' => 'dashicons-editor-help', 'public' => true, 'publicly_queryable' => true, 'show_ui' => true, 'show_in_menu' => true, 'query_var' => true, 'capability_type' => 'post', 'has_archive' => true, 'hierarchical' => false, 'supports' => array( 'title', 'author', 'thumbnail', 'excerpt' ), ); register_post_type( 'wp_quiz', $args ); if ( false === get_option( 'wp_quiz_pro_version' ) ) { flush_rewrite_rules(); update_option( 'wp_quiz_pro_version', $this->version ); } } public function quiz_listing( $atts = array() ) { extract( shortcode_atts( array( 'num' => 30 ), $atts ) ); $args = array( 'post_type' => 'wp_quiz', 'post_status' => 'publish', 'posts_per_page' => $num, 'no_found_rows' => true, 'update_post_term_cache' => false ); $the_query = new WP_Query( $args ); if ( ! $the_query->have_posts() ) { return ''; } wp_enqueue_style( 'wp-quiz-listing', $this->plugin_url() . 'assets/css/listing.css', null, null ); ob_start(); include_once 'tmpl-quiz-listing.php'; $out = ob_get_clean(); wp_reset_query(); return $out; } /** * Shortcode used to display quiz * * @return string HTML output of the shortcode */ public function register_shortcode( $atts ) { if ( ! isset( $atts['id'] ) ) { return false; } // we have an ID to work with $quiz = get_post( $atts['id'] ); // check if ID is correct if ( ! $quiz || 'wp_quiz' !== $quiz->post_type ) { return "<!-- wp_quiz {$atts['id']} not found -->"; } // lets go $this->set_quiz( $atts['id'] ); $this->quiz->enqueue_scripts(); return $this->quiz->render_public_quiz(); } /** * Set the current quiz */ public function set_quiz( $id ) { $quiz_type = get_post_meta( $id, 'quiz_type', true ); $quiz_type = str_replace( '_quiz', '', $quiz_type ); $quiz_type = 'WP_Quiz_Pro_' . ucwords( $quiz_type ) . '_Quiz'; $this->quiz = new $quiz_type( $id ); } /** * [create_quiz_page description] * @param [type] $content [description] * @return [type] [description] */ public function create_quiz_page( $content ) { global $post; if ( 'wp_quiz' !== $post->post_type ) { return $content; } if ( ! is_single() ) { return $content; } $quiz_html = $this->register_shortcode( array( 'id' => $post->ID ) ); return $quiz_html . $content; } /** * [save_quiz_results description] * @return [type] [description] */ public function save_quiz_results() { if ( ! wp_verify_nonce( $_POST['_nonce'], 'ajax-quiz-content' ) ) { return; } $correct = isset( $_POST['correct'] ) ? absint( $_POST['correct'] ) : 0; $rid = isset( $_POST['rid'] ) ? $_POST['rid'] : ''; $pid = absint( $_POST['pid'] ); $type = sanitize_text_field( $_POST['type'] ); $user_ip = $this->get_ip(); $user_id = get_current_user_id(); $user_info = get_userdata( $user_id ); $username = is_user_logged_in() ? $user_info->user_login : 'Guest'; $result = ''; $results = get_post_meta( $pid, 'results', true ); if ( 'trivia' === $type ) { $rid = ''; foreach ( $results as $result ) { if ( $result['min'] <= $correct && $result['max'] >= $correct ) { $result = $result['title']; break; } } } elseif ( 'personality' === $type ) { for ( $i = 0; $i < count( $results ); $i++ ) { if ( $i == $rid ) { $result = $results[ $i ]['title']; break; } } } elseif ( 'swiper' === $type ) { $results = $_POST['results']; $questions = get_post_meta( $pid, 'questions', true ); foreach ( $questions as $q_key => $question ) { foreach ( $results as $key => $result ) { if ( $question['uid'] == $key ) { if ( '0' == $result ) { $questions[ $q_key ]['votesDown'] = $question['votesDown'] + 1; } else { $questions[ $q_key ]['votesUp'] = $question['votesUp'] + 1; } } } } update_post_meta( $pid, 'questions', $questions ); $result = ''; } // Save Result $settings = get_option( 'wp_quiz_pro_default_settings' ); if ( isset( $settings['players_tracking'] ) && 1 === $settings['players_tracking'] ) { global $wpdb; $wpdb->insert( $wpdb->prefix . 'wp_quiz_players', array( 'pid' => $pid, 'date' => date( 'Y-m-d', time() ), 'user_ip' => $user_ip, 'username' => $username, 'correct_answered' => $correct, 'result' => $result, 'quiz_type' => $type, ), array( '%d', '%s', '%s', '%s', '%d', '%s', '%s' ) ); } die( 'SUCCESS!' ); } /** * [save_quiz_user_info description] * @return [type] [description] */ public function save_quiz_user_info() { if ( ! wp_verify_nonce( $_POST['_nonce'], 'ajax-quiz-content' ) ) { return; } $output = array( 'status' => 1 ); if ( is_email( $_POST['email'] ) ) { global $wpdb; $username = sanitize_text_field( $_POST['username'] ); $email = sanitize_email( $_POST['email'] ); $pid = absint( $_POST['pid'] ); $this->subscribe_user( $pid, $username, $email ); $result = $wpdb->get_results( "SELECT * FROM {$wpdb->prefix}wp_quiz_emails WHERE email = '" . $email . "'" ); if ( ! $result ) { //Save info $wpdb->insert( $wpdb->prefix . 'wp_quiz_emails', array( 'pid' => $pid, 'username' => $username, 'email' => $email, 'date' => date( 'Y-m-d', time() ), ), array( '%d', '%s', '%s', '%s' ) ); } $output['status'] = 2; } wp_send_json( $output ); } /** * [save_quiz_fb_user_info description] * @return [type] [description] */ public function save_quiz_fb_user_info() { if ( ! wp_verify_nonce( $_POST['_nonce'], 'ajax-quiz-content' ) ) { return; } $output = array( 'status' => 1 ); if ( ! empty( $_POST['user'] ) ) { global $wpdb; $user = $_POST['user']; $result = $wpdb->get_row( "SELECT * FROM {$wpdb->prefix}wp_quiz_fb_users WHERE uid = '" . $user['id'] . "'" ); if ( ! $result ) { $wpdb->insert( $wpdb->prefix . 'wp_quiz_fb_users', array( 'uid' => absint( $user['id'] ), 'email' => isset( $user['email'] ) ? $user['email'] : '', 'first_name' => $user['first_name'], 'last_name' => $user['last_name'], 'gender' => isset( $user['gender'] ) ? $user['gender'] : '', 'picture' => isset( $user['picture'] ) ? $user['picture'] : '', 'friends' => isset( $user['friends'] ) ? serialize( $user['friends'] ) : '', 'created_at' => date( 'Y-m-d', time() ), 'updated_at' => date( 'Y-m-d', time() ), ), array( '%d', '%s', '%s', '%s', '%s', '%s', '%s', '%s', '%s' ) ); $user['insert_id'] = $wpdb->insert_id; } else { $user['insert_id'] = $result->id; } if ( 'user' === $_POST['profile'] ) { $return = $this->generate_result_user_image( $_POST['pid'], $user ); } else { $return = $this->generate_result_friend_image( $_POST['pid'], $user ); } if ( ! empty( $return['src'] ) ) { $output['src'] = $return['src']; $output['desc'] = $return['desc']; $output['key'] = $return['key']; $output['status'] = 2; } else { $output['error'] = $return['error']; } } wp_send_json( $output ); } /** * [generate_result_user_image description] * @param [type] $post_id [description] * @param [type] $user [description] * @return [type] [description] */ public function generate_result_user_image( $post_id, $user ) { global $wpdb; $return = array(); $results = get_post_meta( $post_id, 'results', true ); if ( extension_loaded( 'imagick' ) && ! empty( $results ) ) { $index = array_rand( $results ); $result = $results[ $index ]; $result['key'] = $index; $play = $wpdb->get_row( "SELECT * FROM {$wpdb->prefix}wp_quiz_fb_plays WHERE user_id = '" . $user['insert_id'] . "' AND pid = '" . $post_id . "'" ); if ( ! $play ) { $wpdb->insert( $wpdb->prefix . 'wp_quiz_fb_plays', array( 'user_id' => absint( $user['insert_id'] ), 'pid' => absint( $post_id ), ), array( '%d', '%d' ) ); } $names = array( 'user_first_name' => $user['first_name'], 'user_last_name' => $user['last_name'], 'friend_first_name' => '', 'friend_last_name' => '', ); $profile = 'https://graph.facebook.com/' . $user['id'] . '/picture?width=320&height=320'; $profile = $this->get_redirect_url( $profile ); $data = $this->generate_fb_result( $post_id, $result, $profile, $names ); $return = $data; } return $return; } public function generate_result_friend_image( $post_id, $user ) { global $wpdb; $return = array(); $results = get_post_meta( $post_id, 'results', true ); if ( extension_loaded( 'imagick' ) && ! empty( $results ) && ! empty( $user['friends'] ) ) { $index = array_rand( $results ); $result = $results[ $index ]; $result['key'] = $index; $index_2 = array_rand( $user['friends'] ); $friend = $user['friends'][ $index_2 ]; $play = $wpdb->get_row( "SELECT * FROM {$wpdb->prefix}wp_quiz_fb_plays WHERE user_id = '" . $user['insert_id'] . "' AND pid = '" . $post_id . "'" ); if ( ! $play ) { $wpdb->insert( $wpdb->prefix . 'wp_quiz_fb_plays', array( 'user_id' => absint( $user['insert_id'] ), 'pid' => absint( $post_id ), ), array( '%d', '%d' ) ); } $profile = 'https://graph.facebook.com/' . $friend['id'] . '/picture?width=320&height=320'; $profile = $this->get_redirect_url( $profile ); $friend_name = explode( ' ', $friend['name'] ); $names = array( 'user_first_name' => $user['first_name'], 'user_last_name' => $user['last_name'], 'friend_first_name' => $friend_name[0], 'friend_last_name' => $friend_name[1], ); $data = $this->generate_fb_result( $post_id, $result, $profile, $names ); $return = $data; } return $return; } public function generate_fb_result( $post_id, $result, $profile, $names ) { $return = array( 'src' => '', 'desc' => '', 'error' => '', ); $profile_tmp = null; $output = null; $draw = null; try { $options = get_option( 'wp_quiz_pro_default_settings' ); $settings = get_post_meta( $post_id, 'settings', true ); $find = array( '%%nomeusuario%%', '%%sobrenome%%', '%%nomeamigo%%', '%%sobrenomeamigo%%' ); $replace = array( $names['user_first_name'], $names['user_last_name'], $names['friend_first_name'], $names['friend_last_name'] ); $title = str_replace( $find, $replace, $result['title'] ); $desc = str_replace( $find, $replace, $result['desc'] ); $upload_dir = wp_upload_dir(); // Load images $profile_tmp = download_url( $profile ); $profile = new Imagick( $profile_tmp ); $profile->resizeImage( $result['proImageWidth'], $result['proImageHeight'], imagick::FILTER_LANCZOS, 0.9 ); $profile->roundCorners( $result['imageRadius'], $result['imageRadius'] ); // Create new image from result $output = new Imagick( str_replace( $upload_dir['baseurl'], $upload_dir['basedir'], $result['image'] ) ); $output->compositeImage( $profile, Imagick::COMPOSITE_DEFAULT, $result['pos_x'], $result['pos_y'] ); // Annotate it if ( ! empty( $title ) ) { $draw = new ImagickDraw(); $draw->setFillColor( $settings['title_color'] ); $draw->setGravity( 1 ); $draw->setFontSize( $settings['title_size'] ); if ( isset( $options['defaults']['external_font'] ) && ! empty( $options['defaults']['external_font'] ) ) { $external_font = str_replace( home_url( '/' ), '', $options['defaults']['external_font'] ); $draw->setFont( '../' . $external_font ); } else { $draw->setFontFamily( $settings['title_font'] ); } list( $lines, $line_height ) = $this->word_wrap_annotation( $output, $draw, $title, $result['titleImageWidth'] ); for ( $i = 0; $i < count( $lines ); $i++ ) { $output->annotateImage( $draw, $result['pos_title_x'], $result['pos_title_y'] + $i * $line_height, 0, $lines[ $i ] ); } } // Save to new image $upload_dir['basedir'] = $upload_dir['basedir'] . '/wp_quiz-result-images'; $upload_dir['baseurl'] = $upload_dir['baseurl'] . '/wp_quiz-result-images'; $output_name = 'image-' . rand( 0, 100000 ) . '.png'; $output->writeImage( $upload_dir['basedir'] . '/' . $output_name ); $return['src'] = $upload_dir['baseurl'] . '/' . $output_name; $return['desc'] = $desc; $return['key'] = $result['key']; } catch ( Exception $ex ) { $return['error'] = $ex->getMessage(); } // Clean up if ( ! is_null( $profile ) && is_a( $profile, 'Imagick' ) ) { $profile->clear(); } if ( ! is_null( $output ) && is_a( $output, 'Imagick' ) ) { $output->clear(); } if ( ! is_null( $draw ) && is_a( $draw, 'ImagickDraw' ) ) { $draw->clear(); } if ( ! is_null( $profile_tmp ) ) { @unlink( $profile_tmp ); } return $return; } public function get_redirect_url( $url ) { $response = wp_remote_head( $url ); $redirect_url = wp_remote_retrieve_header( $response, 'location' ); return $redirect_url ? $redirect_url : $url; } public function word_wrap_annotation( $image, $draw, $text, $max_width ) { $words = preg_split( '%\s%', $text, -1, PREG_SPLIT_NO_EMPTY ); $lines = array(); $i = 0; $line_height = 0; while ( count( $words ) > 0 ) { $metrics = $image->queryFontMetrics( $draw, implode( ' ', array_slice( $words, 0, ++$i ) ) ); $line_height = max( $metrics['textHeight'], $line_height ); if ( $metrics['textWidth'] > $max_width || count( $words ) < $i ) { if ( 1 === $i ) { $i++; } $lines[] = implode( ' ', array_slice( $words, 0, --$i ) ); $words = array_slice( $words, $i ); $i = 0; } } return array( $lines, $line_height ); } public function subscribe_user( $id, $name, $email ) { $settings = get_post_meta( $id, 'settings', true ); $options = get_option( 'wp_quiz_pro_default_settings' ); if ( '1' === $settings['force_action'] ) { if ( '1' === $options['mail_service'] ) { $this->subscribe_mailchimp( $options, $name, $email ); } elseif ( '2' === $options['mail_service'] ) { $this->subscribe_getresponse( $options, $name, $email ); } elseif ( '3' === $options['mail_service'] ) { $this->subscribe_aweber( $options, $name, $email ); } } } private function subscribe_aweber( $options, $name, $email ) { // check for valid data if ( empty( $email ) ) { wp_send_json( array( 'success' => false, 'error' => esc_html__( 'No email address found.', 'wp-quiz-pro' ), ) ); } if ( ! filter_var( $email, FILTER_VALIDATE_EMAIL ) ) { wp_send_json( array( 'success' => false, 'error' => esc_html__( 'Not a valid email address.', 'wp-quiz-pro' ), ) ); } // Call service subscription method try { $service = new WP_Quiz_Pro_Subscription_Aweber(); $list_id = $options['aweber']['listid']; $status = $service->subscribe( $name, $email, $list_id ); wp_send_json(array( 'success' => true, 'status' => $status['status'], )); } catch ( Exception $e ) { wp_send_json(array( 'success' => false, 'error' => $e->getMessage(), )); } } private function subscribe_mailchimp( $options, $name, $email ) { $mc_api_key = $options['mailchimp']['api_key']; $mc_list_id = $options['mailchimp']['list_id']; $double_optin = apply_filters( 'wp_quiz_mailchimp_double_notification', false ); $vendor_path = $this->get_vendor_path(); if ( $email && null !== $mc_api_key && null !== $mc_list_id ) { try { if ( ! class_exists( 'Mailchimp' ) ) { require_once( $vendor_path . '/Mailchimp.php' ); } $list = new Mailchimp_Lists( new Mailchimp( $mc_api_key ) ); $merge_vars = null; if ( $name ) { $fname = $name; $lname = ''; if ( $space_pos = strpos( $name, ' ' ) ) { $fname = substr( $name, 0, $space_pos ); $lname = substr( $name, $space_pos ); } $merge_vars = array( 'FNAME' => $fname, 'LNAME' => $lname, ); } $list->subscribe( $mc_list_id, array( 'email' => $email ), $merge_vars, 'html', (bool) $double_optin, true ); } catch ( Exception $ex ) { } } } private function subscribe_getresponse( $options, $name, $email ) { $gr_api_key = $options['getresponse']['api_key']; $gr_list_id = $options['getresponse']['campaign_name']; $vendor_path = $this->get_vendor_path(); if ( $email && null !== $gr_api_key && null !== $gr_list_id ) { try { if ( ! class_exists( 'GetResponse' ) ) { require_once( $vendor_path . '/getresponse.php' ); } $api = new GetResponse( $gr_api_key ); $campaign_ame = $gr_list_id; $subscriber_name = $name; $subscriber_email = $email; $result = $api->getCampaigns( 'EQUALS', $campaign_ame ); $campaigns = array_keys( (array) $result ); $campaign_id = array_pop( $campaigns ); $api->addContact( $campaign_id, $subscriber_name, $subscriber_email ); } catch ( Exception $ex ) { } } } public function get_vendor_path() { return plugin_dir_path( __FILE__ ) . 'vendor'; } public function check_image_file() { $output = array( 'status' => 1 ); $check = false; if ( @getimagesize( $_POST['url'] ) ) { $check = true; } $output['check'] = $check; wp_send_json( $output ); } public function check_video_file() { $output = array( 'status' => 1 ); $check = false; $id = $_POST['video_id']; $url = "//www.youtube.com/oembed?url=http://www.youtube.com/watch?v=$id&format=json"; $headers = get_headers( $url ); if ( '404' !== substr( $headers[0], 9, 3 ) ) { $check = true; } $output['check'] = $check; wp_send_json( $output ); } public static function activate_plugin() { // Don't activate on anything less than PHP 5.4.0 or WordPress 3.4 if ( version_compare( PHP_VERSION, '5.4.0', '<' ) || version_compare( get_bloginfo( 'version' ), '3.4', '<' ) || ! function_exists( 'spl_autoload_register' ) ) { require_once ABSPATH . 'wp-admin/includes/plugin.php'; deactivate_plugins( basename( __FILE__ ) ); wp_die( __( 'O Testes Pop requer o PHP na versão 5.4.0 com extensão spl ou superior e o WordPress 3.4 ou superior.', 'wp-quiz-pro' ) ); } //Dont't activate if wp quiz is active if ( defined( 'WP_QUIZ_VERSION' ) ) { deactivate_plugins( basename( __FILE__ ) ); wp_die( __( 'Por favor, desative o plugin Testes Pop primeiro para usar os recursos Premium!', 'wp-quiz-pro' ) ); } include( 'inc/activate-plugin.php' ); } public function get_ip() { //Just get the headers if we can or else use the SERVER global if ( function_exists( 'apache_request_headers' ) ) { $headers = apache_request_headers(); } else { $headers = $_SERVER; } //Get the forwarded IP if it exists if ( array_key_exists( 'X-Forwarded-For', $headers ) && filter_var( $headers['X-Forwarded-For'], FILTER_VALIDATE_IP, FILTER_FLAG_IPV4 ) ) { $the_ip = $headers['X-Forwarded-For']; } elseif ( array_key_exists( 'HTTP_X_FORWARDED_FOR', $headers ) && filter_var( $headers['HTTP_X_FORWARDED_FOR'], FILTER_VALIDATE_IP, FILTER_FLAG_IPV4 ) ) { $the_ip = $headers['HTTP_X_FORWARDED_FOR']; } else { $the_ip = filter_var( $_SERVER['REMOTE_ADDR'], FILTER_VALIDATE_IP, FILTER_FLAG_IPV4 ); } return $the_ip; } public function dismiss_imagick_notice() { add_option( 'wp_dismiss_imagick_notice', 'true' ); } public function dismiss_gdlibrary_notice() { add_option( 'wp_dismiss_gdlibrary_notice', 'true' ); } public function wp_quiz_pro_get_debug_log() { $page = new WP_Quiz_Pro_Page_Support(); $page->get_debug_log(); } public function fb_share_fix() { $data = array_map( 'urldecode', $_GET ); $result = get_post_meta( $data['id'], 'results', true ); $result = isset( $result[ $data['rid'] ] ) ? $result[ $data['rid'] ] : array(); // Picture if(isset($data['img_url']) && $data['img_url'] !== '') { $data['source'] = $data['img_url']; } else if ( 'r' === $data['pic'] ) { $data['source'] = $result['image']; } elseif ( 'f' === $data['pic'] ) { $data['source'] = wp_get_attachment_url( get_post_thumbnail_id( $data['id'] ) ); } elseif ( ( substr( $data['pic'], 0, 6 ) === 'image-' ) ) { $upload_dir = wp_upload_dir(); $upload_dir['baseurl'] = $upload_dir['baseurl'] . '/wp_quiz-result-images'; $data['source'] = $upload_dir['baseurl'] . '/' . $data['pic'] . '.png'; } else { $data['source'] = false; } // Description if(isset($data['desc_text']) && $data['desc_text'] !== '') { $data['description'] = $data['desc_text']; } elseif ( 'r' === $data['desc'] ) { $data['description'] = $result['desc']; } elseif ( 'e' === $data['desc'] ) { $data['description'] = get_post_field( 'post_excerpt', $data['id'] ); } else { $data['description'] = false; } if ( $data['description'] ) { $first = array( '%%nomeusuario%%', '%%nomeamigo%%' ); $last = array( '%%sobrenome%%', '%%sobrenomeamigo%%' ); $data['description'] = str_replace( $first, $data['nf'], $data['description'] ); $data['description'] = str_replace( $last, $data['nl'], $data['description'] ); } $settings = get_option( 'wp_quiz_pro_default_settings' ); $url = ( is_ssl() ? 'https' : 'http' ) . "://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; global $post; $pid = $post ? $post->ID : $data['id']; $original_url = get_permalink( $pid ); ?> <html> <head> <title><?php wp_title( '' ); ?></title> <meta property="fb:app_id" content="<?php echo $settings['defaults']['fb_app_id'] ?>"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image"> <meta property="og:url" content="<?php echo esc_url( $url ); ?>"> <?php if ( ! empty( $data['text'] ) ) : $title = get_the_title( $pid ); $text = esc_attr( $data['text'] ); $title = $title === $text ? $title : $title . ' - ' . $text; ?> <meta property="og:title" content="<?php echo $title ?>"> <meta property="twitter:title" content="<?php echo $title ?>"> <?php endif; ?> <?php if ( ! empty( $data['source'] ) ) : ?> <meta property="og:image" content="<?php echo esc_url( $data['source'] ); ?>"> <meta property="twitter:image" content="<?php echo esc_url( $data['source'] ); ?>"> <?php list( $img_width, $img_height ) = getimagesize( $data['source'] ); ?> <?php if ( isset( $img_width ) && $img_width ) : ?> <meta property="og:image:width" content="<?php echo $img_width ?>"> <?php else: ?> <meta property="og:image:width" content="600"> <?php endif; ?> <?php if ( isset( $img_height ) && $img_height ) : ?> <meta property="og:image:height" content="<?php echo $img_height ?>"> <?php else: ?> <meta property="og:image:height" content="400"> <?php endif; ?> <?php endif; ?> <?php if ( ! empty( $data['description'] ) ) : ?> <meta property="og:description" content="<?php echo esc_attr( $data['description'] ); ?>"> <meta property="twitter:description" content="<?php echo esc_attr( $data['description'] ); ?>"> <?php endif; ?> <meta http-equiv="refresh" content="0;url=<?php echo esc_url( $original_url ); ?>"> </head> <body> Redirecionando, por favor aguarde.... </body> </html> <?php exit; } /* ////////////////////////////////////// ALTEREI AQUI //////////////////////////////////// */ protected static $url_facebook = null; public static function get_url_facebook() { return self::$url_facebook; } public function set_url_facebook($url) { self::$url_facebook = $url; } /* ////////////////////////////////////// ALTEREI AQUI //////////////////////////////////// */ /** * [inline_script description] * @return [type] [description] */ public function inline_script() { $settings = get_option( 'wp_quiz_pro_default_settings' ); /* ////////////////////////////////////// ALTEREI AQUI //////////////////////////////////// */ $this->set_url_facebook($settings['defaults']['fb_app_id2']); /* ////////////////////////////////////// ALTEREI AQUI //////////////////////////////////// */ ?> <script> var quizSiteUrl = '<?php echo home_url( '/' ) ?>'; <?php if ( ! empty( $settings['analytics']['tracking_id'] ) ) { ?> (function(i,s,o,g,r,a,m) {i['GoogleAnalyticsObject']=r;i[r]=i[r]||function() { (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', '<?php echo $settings['analytics']['tracking_id'] ?>', 'auto'); ga('send', 'pageview'); <?php } ?> <?php if ( ! empty( $settings['defaults']['fb_app_id'] ) ) { ?> window.fbAsyncInit = function() { FB.init({ appId : '<?php echo $settings['defaults']['fb_app_id'] ?>', xfbml : true, version : 'v2.9' }); FB.getLoginStatus(function( response ) { getLogin( response ); }); }; (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/pt_BR/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); <?php } ?> </script> <?php if ( is_singular( array( 'wp_quiz' ) ) && isset( $settings['defaults']['share_meta'] ) && 1 === $settings['defaults']['share_meta'] ) { global $post, $wpseo_og; $twitter_desc = $og_desc = str_replace( array( "\r", "\n" ), '', strip_tags( $post->post_excerpt ) ); if ( defined( 'WPSEO_VERSION' ) ) { remove_action( 'wpseo_head', array( $wpseo_og, 'opengraph' ), 30 ); remove_action( 'wpseo_head', array( 'WPSEO_Twitter', 'get_instance' ), 40 ); //use description from yoast $twitter_desc = get_post_meta( $post->ID, '_yoast_wpseo_twitter-description', true ); $og_desc = get_post_meta( $post->ID, '_yoast_wpseo_opengraph-description', true ); } ?> <meta name="twitter:title" content="<?php echo get_the_title(); ?>"> <meta name="twitter:description" content="<?php echo $twitter_desc; ?>"> <meta name="twitter:domain" content="<?php echo esc_url( site_url() ); ?>"> <meta property="og:url" content="<?php the_permalink(); ?>" /> <meta property="og:title" content="<?php echo get_the_title(); ?>" /> <meta property="og:description" content="<?php echo $og_desc; ?>" /> <?php if ( has_post_thumbnail() ) { $thumb_id = get_post_thumbnail_id(); $thumb_url_array = wp_get_attachment_image_src( $thumb_id, 'full', true ); $thumb_url = $thumb_url_array[0]; ?> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:image:src" content="<?php echo $thumb_url; ?>"> <meta property="og:image" content="<?php echo $thumb_url; ?>" /> <meta itemprop="image" content="<?php echo $thumb_url; ?>"> <?php } } } public function embeded_output() { if ( ! isset( $_GET['wp_quiz_id'] ) ) { return; } $qid = absint( $_GET['wp_quiz_id'] ); $quiz_html = $this->register_shortcode( array( 'id' => $qid ) ); $settings = get_post_meta( $qid, 'settings', true ); if ( empty( $quiz_html ) ) { return; } ?> <link rel='stylesheet' href='<?php echo $this->plugin_url() . 'assets/css/main.css'; ?>' type='text/css' media='all' /> <link rel='stylesheet' href='<?php echo $this->plugin_url() . 'assets/css/transition.min.css'; ?>' type='text/css' media='all' /> <link rel='stylesheet' href='<?php echo $this->plugin_url() . 'assets/css/embed.min.css'; ?>' type='text/css' media='all' /> <style> .wq_embedToggleQuizCtr{ display: none; } </style> <?php if ( 'traditional' === $settings['skin'] ) { ?> <link rel='stylesheet' href='<?php echo $this->plugin_url() . 'assets/css/traditional-skin.css'; ?>' type='text/css' media='all' /> <?php } elseif ( 'flat' === $settings['skin'] ) { ?> <link rel='stylesheet' href='<?php echo $this->plugin_url() . 'assets/css/flat-skin.css'; ?>' type='text/css' media='all' /> <?php } $this->inline_script(); ?> <script> var wq_l10n = {"correct": "Correct !", "wrong": "Wrong !","captionTrivia":"You got %%score%% out of %%total%%","captionTriviaFB":"I got %%score%% out of %%total%%, and you?","youVoted":"You voted","nonce": "<?php echo wp_create_nonce( 'ajax-quiz-content' ) ?>"}; </script> <?php echo '<div class="wq_embed">' . $quiz_html . '</div>'; ?> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="<?php echo $this->plugin_url() . 'assets/js/embed.min.js'; ?>"></script> <script src="<?php echo $this->plugin_url() . 'assets/js/transition.min.js'; ?>"></script> <script src="<?php echo $this->plugin_url() . 'assets/js/jquery.flip.min.js'; ?>"></script> <script src="<?php echo $this->plugin_url() . 'assets/js/hammer.min.js'; ?>"></script> <script src="<?php echo $this->plugin_url() . 'assets/js/dynamics.min.js'; ?>"></script> <script src="<?php echo $this->plugin_url() . 'assets/js/jquery.jTinder.min.js'; ?>"></script> <script src="<?php echo $this->plugin_url() . 'assets/js/main.min.js'; ?>"></script> <?php die(); } /** * [connect_aweber description] * @return [type] [description] */ public function connect_aweber() { // check for data $aweber_code = isset( $_REQUEST['aweber_code'] ) ? $_REQUEST['aweber_code'] : array(); if ( empty( $aweber_code ) ) { wp_send_json( array( 'success' => false, 'error' => esc_html__( 'No aweber authorization code found.', 'wp-quiz-pro' ), ) ); } try { $service = new WP_Quiz_Pro_Subscription_Aweber(); $data = $service->connect( $aweber_code ); wp_send_json(array( 'success' => true, 'data' => $data, )); } catch ( Exception $e ) { wp_send_json(array( 'success' => false, 'error' => $e->getMessage(), )); } } /** * Get plugin directory. * @return string */ public function plugin_dir() { if ( is_null( $this->plugin_dir ) ) { $this->plugin_dir = untrailingslashit( plugin_dir_path( __FILE__ ) ) . '/'; } return $this->plugin_dir; } /** * Get plugin uri. * @return string */ public function plugin_url() { if ( is_null( $this->plugin_url ) ) { $this->plugin_url = untrailingslashit( plugin_dir_url( __FILE__ ) ) . '/'; } return $this->plugin_url; } } /** * Main instance of WP_Quiz_Pro_Plugin. * * Returns the main instance of WP_Quiz_Pro_Plugin to prevent the need to use globals. * * @return WP_Quiz_Pro_Plugin */ function wp_quiz_pro() { return WP_Quiz_Pro_Plugin::get_instance(); } /* ////////////////////////////////////// ALTEREI AQUI //////////////////////////////////// */ function prepare_url_facebook() { return WP_Quiz_Pro_Plugin::get_url_facebook(); } /* ////////////////////////////////////// ALTEREI AQUI //////////////////////////////////// */ endif; add_action( 'plugins_loaded', 'wp_quiz_pro', 10 ); register_activation_hook( __FILE__, array( 'WP_Quiz_Pro_Plugin', 'activate_plugin' ) ); Segue código, class-fb-quiz.php: <?php /** * Override parent 'WP_Quiz_Pro' class with facebook quiz specific markup, */ class WP_Quiz_Pro_Fb_Quiz extends WP_Quiz_Pro { /** * Constructor */ public function __construct( $id ) { parent::__construct( $id ); add_filter( 'wp_quiz_data_attrs', array( $this, 'add_fb_data_attrs' ) ); } public function get_html_questions() { $questions_html = ''; if ( ! empty( $this->questions ) ) { foreach ( $this->questions as $key => $question ) { $desc = ! empty( $question['desc'] ) ? '<p class="desc">' . $question['desc'] . '</p>' : ''; $questions_html .= ' <div class="wq_singleQuestionWrapper wq_IsFb" style=""> <div class="wq_loader-container" style="display:none;"> <div class="wq_loader_text"> <img src="' . wp_quiz_pro()->plugin_url() . 'assets/image/image_spinner.gif" /> <h3 id="wq_text_loader">' . esc_html__( 'Calculando seu resultado...', 'wp-quiz-pro' ) . '</h3> <h4 id="wq_text_loader">' . esc_html__( 'Curta nossa página!', 'wp-quiz-pro' ) . '</h4> <div class="curtir-load" style="margin:auto; width:100px; margin-top:15px;"> <iframe class="facebook-like-button" style="cursor: default;" src="https://www.facebook.com/plugins/like.php?locale=pt_BR&href=https://www.facebook.com/plugins/like.php?locale=pt_BR&href=' . WP_Quiz_Pro_Plugin::get_url_facebook() . '&layout=button_count&action=like&size=small&show_faces=false&share=false&width=50&height=21" width="97" height="20" style="border:none;overflow:hidden;" scrolling="no" frameborder="0" allowTransparency="true"> </iframe> </div><br><br> <center><img src="' . wp_quiz_pro()->plugin_url() . 'assets/image/seta-like.png" style="width:31px; height:71px;"></center> </div> </div> <div class="wq_questionMediaCtr" > <div class="wq_questionImage"><img src="' . $question['image'] . '" /><span>' . $question['imageCredit'] . '</span></div> </div> <div class="wq_questionTextDescCtr"> <h1 class="teste-titulo">' . $question['title'] . '</h1> <div class="titulo-descricao">Por favor, entre com o seu Facebook para ver o seu resultado</div> </div> <style type="text/css"> .mao-e-like{ margin:auto; width:140px; height: 20px; padding-top:5px;} .curta-aqui{ float:left;} .facebook-like-button{ float:right; } </style> <div class="mao-e-like"> <div class="curta-aqui"><img src="' . wp_quiz_pro()->plugin_url() . 'assets/image/gif-mao.gif"></div> <iframe class="facebook-like-button" style="cursor: default;" src="https://www.facebook.com/plugins/like.php?locale=pt_BR&href=https://www.facebook.com/plugins/like.php?locale=pt_BR&href=' . WP_Quiz_Pro_Plugin::get_url_facebook() . '&layout=button_count&action=like&size=small&show_faces=false&share=false&width=50&height=21" width="97" height="20" style="border:none;overflow:hidden;" scrolling="no" frameborder="0" allowTransparency="true"></iframe> </div> <div class="wq_questionLogin"> <button class="wq_loginFB"> <i class="fa fa-facebook-official" aria-hidden="true" style="font-size:28px; float:left; margin-left:6px; line-height:33px;"></i>&nbsp;Entrar com o Facebook </button> </div> </div>'; } }7 return $questions_html; } public function get_html_results() { $results_html = ''; $share_html = $this->get_html_share(); if ( ! empty( $this->results ) ) { $results_html .= ' <div style="display:none;" class="wq_singleResultWrapper wq_IsFb" data-id=""> <img class="wq_resultImg" src=""/> <center><div class="wq_resultDesc" style="line-height:20px; padding-top:10px;padding-bottom:10px;"></div></center> <div class="mao-e-like"> <div class="curta-aqui"><img src="' . wp_quiz_pro()->plugin_url() . 'assets/image/gif-mao.gif"></div> <iframe class="facebook-like-button" style="cursor: default; margin-top:2px;" src="https://www.facebook.com/plugins/like.php?locale=pt_BR&href=' . WP_Quiz_Pro_Plugin::get_url_facebook() . '&layout=button_count&action=like&size=small&show_faces=false&share=false&width=50&height=21" width="97" height="20" style="border:none;overflow:hidden;" scrolling="no" frameborder="0" allowTransparency="true"></iframe> </div> ' . $share_html . ' </div> '; } return $results_html; } public function add_fb_data_attrs( $data ) { $data .= 'data-quiz-profile="' . $this->settings['profile'] . '" '; return $data; } } Segue código, class-wp-quiz-pro.php: <?php /** * Generic WP_Quiz_Pro class. Extended by library specific classes. */ class WP_Quiz_Pro { /** * quiz ID */ public $id = 0; /** * quiz settings */ public $settings = array(); /** * quiz questions */ public $questions = array(); /** * quiz results */ public $results = array(); /** * quiz type */ public $type = ''; /** * quiz ad codes */ public $ad_codes = array(); /** * unique identifier */ public $identifier = 0; /** * default options */ public $options = array(); /** * Constructor */ public function __construct( $id ) { $this->options = get_option( 'wp_quiz_pro_default_settings' ); $this->id = $id; $this->settings = get_post_meta( $id, 'settings', true ); $this->questions = get_post_meta( $id, 'questions', true ); $this->results = get_post_meta( $id, 'results', true ); $this->type = get_post_meta( $id, 'quiz_type', true ); $this->ad_codes = $this->options['ad_code']; $this->identifier = 'wp_quiz_' . $this->id; } /** * @return string unique identifier for quiz */ protected function get_identifier() { return $this->identifier; } /** * Output the HTML * * @return string HTML */ public function render_public_quiz() { $html[] = '<!-- wp quiz -->'; $html[] = '<div class="wq_quizCtr ' . $this->settings['question_layout'] . ' ' . $this->type . '_quiz" ' . $this->get_data_attrs() . '>'; $html[] = ' <div class="wq_quizProgressBarCtr">'; $html[] = ' ' . $this->get_html_progress_bar(); $html[] = ' </div>'; $html[] = ' <div class="wq_questionsCtr" >'; $html[] = ' ' . $this->get_html_questions(); $html[] = ' </div>'; $html[] = ' <div class="wq_resultsCtr">'; $html[] = ' ' . $this->get_html_results(); $html[] = ' </div>'; $html[] = ' <!-- force action -->'; $html[] = ' ' . $this->get_html_force_action(); $html[] = ' <!--// force action-->'; $html[] = ' <!-- quiz timer -->'; $html[] = ' <div class="timerPlaceholder"></div>'; $html[] = ' <!--// quiz timer-->'; $html[] = ' <!-- embed code -->'; $html[] = ' ' . $this->get_embed_toggle(); $html[] = ' <!--// embed code -->'; $html[] = ' <!-- promote link -->'; $html[] = ' ' . $this->get_html_promote_link(); $html[] = ' <!--// promote link-->'; $html[] = ' <!-- retake button -->'; $html[] = ' ' . $this->get_html_retake_button(); $html[] = ' <!--// retake button-->'; $html[] = '</div>'; $html[] = '<!--// wp quiz-->'; $wp_quiz = implode( "\n", $html ); $wp_quiz = apply_filters( 'wp_quiz_output', $wp_quiz, $this->id, $this->settings ); return $wp_quiz; } public function get_data_attrs() { global $post; $id = $post ? $post->ID : $this->id; $url = $post ? get_permalink( $post->ID ) : ''; $data = ''; $data .= 'data-current-question="0" '; $data .= 'data-questions-answered="0" '; $data .= 'data-questions="' . count( $this->questions ) . '" '; $data .= 'data-transition_in="' . ( $this->settings['animation_in'] ? $this->settings['animation_in'] : 'fade' ) . '" '; $data .= 'data-transition_out="' . ( $this->settings['animation_out'] ? $this->settings['animation_out'] : 'fade' ) . '" '; $data .= 'data-correct-answered="0" '; $data .= 'data-force-action="' . ( isset( $this->settings['force_action'] ) ? $this->settings['force_action'] : '' ) . '" '; $data .= 'data-quiz-pid="' . $this->id . '" '; $data .= 'data-share-url="' . $url . '" '; $data .= 'data-post-title="' . get_the_title( $id ) . '" '; $data .= 'data-retake-quiz="' . $this->settings['restart_questions'] . '" '; $data .= 'data-question-layout="' . $this->settings['question_layout'] . '" '; $data .= 'data-featured-image="' . wp_get_attachment_url( get_post_thumbnail_id( $id ) ) . '" '; $data .= 'data-excerpt="' . get_post_field( 'post_excerpt', $this->id ) . '"'; $data .= 'data-ajax-url="' . admin_url( 'admin-ajax.php' ) . '"'; $data .= 'data-auto-scroll="' . $this->settings['auto_scroll'] . '" '; $data = apply_filters( 'wp_quiz_data_attrs', $data, $this->id, $this->settings ); return $data; } public function get_html_progress_bar() { $display = 'single' === $this->settings['question_layout'] ? 'none' : 'block'; $display = 'swiper' === $this->type ? 'none' : $display; $html[] = '<!-- progress bar -->'; $html[] = '<div class="wq_quizProgressBarCtr" style="display:' . $display . '">'; $html[] = '<div class="wq_quizProgressBar">'; $html[] = '<span style="background-color:' . $this->settings['bar_color'] . '" class="wq_quizProgressValue"></span>'; $html[] = '</div>'; $html[] = '</div>'; $html[] = '<!--// progress bar-->'; $progress_bar = implode( "\n", $html ); return $progress_bar; } public function get_html_share() { $html[] = '<!-- social share -->'; $html[] = '<div class="wq_shareCtr">'; if ( isset( $this->settings['share_buttons'] ) ) { $share_buttons = $this->settings['share_buttons']; $html[] = '<p style="font-size:14px;">' . esc_html__( '', 'wp-quiz-pro' ) . '</p>'; if ( in_array( 'fb', $share_buttons ) ) { $html[] = '<button class="wq_shareFB"><i class="fa fa-facebook-square fa-lg" aria-hidden="true"></i>&nbsp;COMPARTILHAR</button>'; } if ( in_array( 'tw', $share_buttons ) ) { $html[] = '<button class="replay-test" value="Refresh" onClick="window.location.reload()"><i class="fa fa-refresh" aria-hidden="true"></i>&nbsp;FAZER NOVAMENTE</button>'; } } $html[] = '</div>'; $html[] = '<!--// social share-->'; $social_shares = implode( "\n", $html ); $social_shares = apply_filters( 'wp_quiz_shares', $social_shares, $this->id, $this->settings ); return $social_shares; } public function get_html_force_action() { $title = ( isset( $this->options['defaults']['subscribe_box_title'] ) && ! empty( $this->options['defaults']['subscribe_box_title'] ) ) ? $this->options['defaults']['subscribe_box_title'] : __( 'Just tell us who you are to view your results !', 'wp-quiz-pro' ); $html[] = '<div class="wq_quizForceActionCtr" style="display:none;">'; $html[] = '<div class="wq_quizEmailCtr" style="display:none;">'; $html[] = '<form id="wq_infoForm" action="" method="post">'; $html[] = '<p>' . esc_html( $title ) . '</p>'; $html[] = '<div><label>' . esc_html__( 'Your first name :', 'wp-quiz-pro' ) . '</label><input type="text" id="wq_inputName"/></div>'; $html[] = '<div><label>' . esc_html__( 'Your email address :', 'wp-quiz-pro' ) . '</label><input type="email" id="wq_inputEmail"/></div>'; $html[] = '<p><button type="submit" id="" style="background:' . $this->settings['bar_color'] . '">' . __( 'Show my results &gt;&gt;', 'wp-quiz-pro' ) . '</button></p>'; $html[] = '</form>'; $html[] = '</div>'; $html[] = '<div class="wq_quizForceShareCtr" style="display:none;">'; $html[] = '<p>' . esc_html__( 'Please share this quiz to view your results . ', 'wp-quiz-pro' ) . '</p>'; $html[] = '<button class="wq_forceShareFB"><i class="fa fa-facebook icon"></i><span>' . esc_html__( 'Facebook', 'wp-quiz-pro' ) . '</span></button>'; $html[] = '</div>'; $html[] = '</div>'; $force_action = implode( "\n", $html ); $force_action = apply_filters( 'wp_quiz_capture_email', $force_action, $this->id, $this->settings ); return $force_action; } public function get_html_promote_link() { $promote_plugin = $this->settings['promote_plugin']; $html = array(); if ( $promote_plugin ) { $html[] = ''; $html[] = ''; $html[] = ''; } $promote_link = implode( "\n", $html ); $promote_link = apply_filters( 'wp_quiz_promote_plugin', $promote_link, $this->id, $this->settings ); return $promote_link; } public function get_html_retake_button() { $html[] = '<div class="wq_retakeQuizCtr" >'; $html[] = '<button style="display:none;" class="wq_retakeQuizBtn"><i class="fa fa-undo"></i>&nbsp; ' . esc_html__( 'PLAY AGAIN !', 'wp-quiz-pro' ) . '</button>'; $html[] = '</div>'; $retake_button = implode( "\n", $html ); $retake_button = apply_filters( 'wp_quiz_capture_email', $retake_button, $this->id, $this->settings ); return $retake_button; } public function get_embed_toggle() { $html = ''; $embed_toggle = isset( $this->settings['embed_toggle'] ) ? $this->settings['embed_toggle'] : false; if ( $embed_toggle ) { $html .= ''; $html .= ''; $html .= ''; $site_url = get_site_url() . '/?wp_quiz_id=' . $this->id; $iframe = ''; $html .= ''; } return apply_filters( 'wp_quiz_embed_toggle', $html, $this->id, $this->settings ); } /** * Include quiz assets */ public function enqueue_scripts() { wp_enqueue_script( 'wp_quiz-front-js', wp_quiz_pro()->plugin_url() . 'assets/js/main.min.js', array( 'jquery', 'semantic-transition-js', 'semantic-embed-js' ), wp_quiz_pro()->version, true ); wp_enqueue_script( 'semantic-transition-js', wp_quiz_pro()->plugin_url() . 'assets/js/transition.min.js', array( 'jquery' ), wp_quiz_pro()->version, true ); wp_enqueue_script( 'semantic-embed-js', wp_quiz_pro()->plugin_url() . 'assets/js/embed.min.js', array( 'jquery' ), wp_quiz_pro()->version, true ); wp_localize_script( 'wp_quiz-front-js', 'wq_l10n', array( 'correct' => esc_html__( 'Correct !', 'wp-quiz-pro' ), 'wrong' => esc_html__( 'Wrong !', 'wp-quiz-pro' ), 'captionTrivia' => esc_html__( 'You got %%score%% out of %%total%%', 'wp-quiz-pro' ), 'captionTriviaFB' => esc_html__( 'I got %%score%% out of %%total%%, and you?', 'wp-quiz-pro' ), 'youVoted' => esc_html__( 'You voted', 'wp-quiz-pro' ), 'nonce' => wp_create_nonce( 'ajax-quiz-content' ), ) ); // This will be added to the bottom of the page as <head> has already been processed by WordPress sorry. wp_enqueue_style( 'semantic-transition-css', wp_quiz_pro()->plugin_url() . 'assets/css/transition.min.css', array(), wp_quiz_pro()->version ); wp_enqueue_style( 'semantic-embed-css', wp_quiz_pro()->plugin_url() . 'assets/css/embed.min.css', array(), wp_quiz_pro()->version ); wp_enqueue_style( 'wp_quiz-front-css', wp_quiz_pro()->plugin_url() . 'assets/css/main.css', false, wp_quiz_pro()->version ); if ( 'flat' === $this->settings['skin'] ) { wp_enqueue_style( 'flat-skin-css', wp_quiz_pro()->plugin_url() . 'assets/css/flat-skin.css', array(), wp_quiz_pro()->version ); } else { wp_enqueue_style( 'traditional-skin-css', wp_quiz_pro()->plugin_url() . 'assets/css/traditional-skin.css', array(), wp_quiz_pro()->version ); } if ( is_rtl() ) { wp_enqueue_style( 'wp_quiz-rtl-css', wp_quiz_pro()->plugin_url() . 'assets/css/quiz-rtl.css', array(), wp_quiz_pro()->version ); } do_action( 'wp_quiz_register_public_styles' ); } }
  5. Rafael da Silveira

    Editor de código na página

    Boa noite galera, tudo bem? É o seguinte, preciso implementar um editor de código igual aos que tem na hospedagens. Tenho um painel em que faz a inserção de imagens, a troca de textos, legendas, enfim, toda a manipulação do site. O que gostaria de implementar é um página em que o usuário avançado possa fazer as edições de código necessárias na páginas do seu site... Alguém sabe como posso fazer isso? Algo como a imagem.
  6. Fala galera, Sou novo aqui no fórum, eu não sei muita coisa de php, mas estou criando um site, onde eu revendo os produtos do site do meu fornecedor, eu estou precisando abrir um e-commerce onde eu pegue o valor da pagina dele e jogue uma porcentagem por cima, e imprima isso na pagina do meu site. Teria essa possibilidade? Eu já consegui pegar o valor, porem, não consigo fazer uma soma em cima dele. Segue o que eu fiz: Obs. Estou construindo o site em HTML. <?php $url = 'URL do site vai aqui'; $dadosSite = file_get_contents($url); $inicio = explode('<div id="lblValor" class="preco">',$dadosSite); $fim = explode("</div>",$inicio[1]); print $fim[0]; ?>
  7. Blasius

    Retorno nulo de valores

    Olá pessoal. Estou treinando códigos em js e quero fazer uma calculadora; a ideia é a seguinte: o usuário coloca os números no input, e escolhe qual operação ele quer em um select. Porém o js sempre me retorna o valor 0, ja revisei o código muitas vezes e não encontro o erro. ---------------------------------- HTML--------------------------------------------------- <body> <h1> Calculadora </h1> <p> Digite um número: <input type="number" id="valor1" name="nValor1"> </p> <select id="operador"> <option value="vezes" id="multiplicacao"> vezes * </option> </select> <p>Digite um número: <input type="number" id="valor2" name="nValor2"> </p> <input type="submit" value="calcular" onclick="calcular()"> // obs** com o type="button" também não funcionou <div id="divRes"> Aqui vai o resultado! </div> <script src="calculadora.js"> </script> </body> ----------------------------------------------------------------- JAVASCRIPT ------------------------------------------------------------------ let v1 = document.getElementById('valor1'); let valor1 = Number(v1.value) let v2 = document.getElementById('valor2'); let valor2 = Number(v2.value) let operador = document.getElementById('operador').selectedIndex; let divRes = document.getElementById('divRes') function calcular(){ let resultado = " " if (document.getElementById("multiplicacao").selected = true ) { resultado = (valor1 * valor2) divRes.innerHTML= `${resultado}` console.log(typeof valor1, typeof valor2, typeof resultado) // todos retornam number } else { alert ('teste') } }
  8. Olá, pessoal! Estou tentando criar um menu que, quando rola o scroll, ele muda (diminui o height e adiciona um background). Porém, aparentemente, nenhum código js tá funcionando... já tentei bastante coisa. Um dos tutoriais que usei: https://www.anicasagrande.com.br/menu-fixo-no-topo-que-muda-cor-com-rolagem/ Como fiz: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <script type="text/javascript"> (function () { var menu = document.getElementById('menuone'); // colocar em cache window.addEventListener('scroll', function () { if (window.scrollY > 50) menu.classList.add('menutwo'); // > 0 ou outro valor desejado else menu.classList.remove('menutwo'); }); })(); </script> <div class="menuone"> <nav class="menufixo"> <div class="menucenter"> <ul class="menu"> <li class="logomenu"><img class="iconmenu" src="images/logotipo-amarelo.png" width="105px" height="100%"/></li> <li class="menulinks"><a class="botoesmenu" href="#">Home</a></li> <li class="menulinks"><a class="botoesmenu" href="#">Serviços</a></li> <li class="menulinks"><a class="botoesmenu" href="#">Portfólio</a></li> <li class="menulinks"><a class="botoesmenu" href="#">Quem somos</a></li> <li class="menulinks"><a class="botoesmenu" href="#">Contato</a></li> </ul> </div> </nav> </div> <div class="menutwo"> <nav class="menususpenso"> <div class="menucentertwo"> <ul class="menut"> <li class="logomenut"><img class="iconmenut" src="images/Isotipo-amarelo.png" width="38px" height="100%"/></li> <li class="menulinkst"><a class="botoesmenut" href="#">Home</a></li> <li class="menulinkst"><a class="botoesmenut" href="#">Serviços</a></li> <li class="menulinkst"><a class="botoesmenut" href="#">Portfólio</a></li> <li class="menulinkst"><a class="botoesmenut" href="#">Quem somos</a></li> <li class="menulinkst"><a class="botoesmenut" href="#">Contato</a></li> </ul> </div> </nav> </div> /* Menu settings before scrolling */ .menuone { display: block; } .menufixo { padding: 1px; margin: 10px -8px -8px -8px; position: fixed; top: 5; left: 2; width: 100%; } .menucenter { width: 1200px; margin: 0 auto; } .menu { text-transform: uppercase; list-style: none; } .logomenu { margin-right: 500px; display: inline-block; } .iconmenu { margin: -15px; } .botoesmenu { color: #f7c620; font-family: 'Bahnschrift Light', sans-serif; text-decoration: none; transition: color 1s; padding: 10px; } .botoesmenu:hover { color: #fff; } .menulinks { color: #fff; display: inline-block; margin: 8px; } /* Menu settings after scrolling */ .menutwo { display: block; } .menususpenso { padding: 1px; margin: 0px -8px; position: fixed; top: 5; left: 2; width: 100%; background: #8c05bd; } .menucentertwo { width: 1200px; margin: 0 auto; } .menut { text-transform: uppercase; list-style: none; } .logomenut { margin-right: 500px; display: inline-block; } .iconmenut { margin: -13px; } .botoesmenut { color: #f7c620; font-family: 'Bahnschrift Light', sans-serif; text-decoration: none; transition: color 1s; padding: 10px; } .botoesmenut:hover { color: #fff; } .menulinkst { color: #fff; display: inline-block; margin: 0 8px; } Perdão pelos códigos grandes. Gostaria muito de uma orientação pra conseguir fazer, mas queria muito manter a atual estilização do menu.
  9. Eu estou fazendo um projeto de CRUD consumindo uma API Restfull com banco de dados mongoDB para uma teste de vaga de emprego, eu fiz a aplicação e ela roda sem erros nenhum, porém ao adicionar o registro do post ele não está adicionando o registro no banco de dados? Eu não consegui realmente encontrar o erro do por que isto está acontencendo ou por que? eu gostaria muito de alguém me ajudasse. https://github.com/brunopeople/Teste-RedFox-Full-Stack
  10. Opa, beleza? Tenho uma dúvida, a algum tempo tento e não consegui. Tenho no meu site uma agenda (full calendar), e gostaria de que meus clientes que acessam, possam sincronizar sua agenda do google com a do meu site. Só consegui de uma forma, deixando minha agenda google pública e informando o id no script. Mas imagino que tenha uma forma, como o sign-in com google, onde há permissões, etc. Será que alguém conhece algum material/algo que possa me ajudar? Abs, Agradeço!
  11. Preciso chegar no resultado da imagem. se puderem me ajudar, ficarei muito grato. javascript css
  12. ThosuZ

    Nome de animação em site

    Boa tarde, pessoal! Minha dúvida é simples. Gostaria de saber apenas o nome da animação desse site: https://www.think-mario.com/ Quero o nome pra pesquisar sobre e aprender. A animação é quando vamos abaixando o scroll, as coisas vão surgindo, e eu acredito que seja com js. Abraços!
  13. Good

    Sistema de Delivery

    Boa noite, gostaria de saber como vocês fariam um sistema de delivery. Pensei em 3 soluções: 1. Cadastrar as faixas de CEP que haverá sistema de entregas; 2. Criar uma área delimitadora no google e exportar em KML para fazer a validação se o endereço do cliente está dentro do raio; 3. Criar um raio de entregacom ponto fixo do estabelecimento, por exemplo, o estabelecimento só vai poder atender em um raio de até 10km. Qual método o ifood e outros gigantes trabalham? Existe algum código pronto para que eu possa dar uma olhada? Aguardo um contato, obrigado!
  14. Boa noite, Gostaria de após selecionar o produto carregasse outro select informando os preços(tabela produto), com javascript fazendo requisição para a servlet. div class="form-group col-md-4"> <label for="exampleInputEmail1">Produto</label> <select class="form-control select2" style="width: 100%;" id="id_produto" name="id_produto"> <option value="nao_informado">Selecione</option> <c:forEach items="${produto}" var="product"> <option value="${product.id}" id="${product.id}" <c:if test="${product.id == orcament.id_produto}"> <c:out value = "selected=selected" /> </c:if>> ${product.descricao}</option> </c:forEach> </select> </div> <div class="form-group col-md-1"> <label for="exampleInputEmail1">Tabela/Precos</label> <select class="form-control select2" style="width: 100%;" id="id_table" name="id_table" > <option value="nao_informado">Selecione</option> </select> </div>
  15. mamotinho

    Error Cookie de navegador

    Olá, a alguns dias eu percebi que estou com um único problema no código do meu site , e queria sabe se é possível eu corrigir essa mensagem de erro segue abaixo imagem do erro.
  16. Pessoal, eu tenho uma DIV, que por padrão ela vem com este css: <div class="clickoff" style="pointer-events: none;"> ...... </div> Porém queria que, caso um determinado cookie exista, o style dessa div seja alterado para pointer-events: auto; Alguém teria uma dica de como poderia fazer isso? Se possível com PHP.
  17. Boa tarde. Nao tenho muito conhecimento em javascript mas estou aprendendo aos poucos. Minha dúvida é sobre Xpath, bom na verdade eu entendi de forma básica como fazer uma busca usando Xpath, tanto é que para isso eu estava usando o programa Xpath Visualizer para entender. Mas eu não achei como empregar isso em uma página html, usando as mesmas variáveis que uso no programa para ter o mesmo resultado. Gostaria de saber se em algum lugar a informações de forma simples ou algo para tomar uma direção.
  18. Código php <?php error_reporting(0); session_start(); include "gdrive/curl_gd.php"; require('profile.php'); require('../conexao/conexao.php'); $tokenC = $_SESSION['token']; $explod = explode('idMC', $tokenC); $idCont = explode('id', $explod[0]); $idConta = $idCont[1]; $idMembro = $explod[1]; $idM = $idMembro; $id = mysqli_real_escape_string($conn, $_GET['id']); $retry = mysqli_real_escape_string($conn, $_GET['retry']); $epid = mysqli_real_escape_string($conn, $_GET['epid']); $quality = mysqli_real_escape_string($conn, $_GET['quality']); $vide = mysql_query("SELECT * FROM `vid_flix` WHERE id='$id'"); $vid = mysql_fetch_assoc($vide); if($vid['tipo'] == 2){ if($quality == NULL or $quality == "medium"){ $link = $vid['link']; }elseif($quality == "high"){ $tokenC = $_SESSION['token']; $explod = explode('idMC', $tokenC); $idCont = explode('id', $explod[0]); $idConta = $idCont[1]; $idMembro = $explod[1]; $cons = mysql_query("SELECT * FROM `login_flix` WHERE id='$idConta'"); $consult = mysql_fetch_assoc($cons); $vip = $consult['vip']; if($quality == "high" && $vip == "1"){ $link = $vid['link']; }else{ $link = "No Permit"; } } $titulo = $vid['titulo']; $bg = $vid['bg']; $bg = str_replace("w227_and_h127_bestv2", "original", $bg); $bg = str_replace("w533_and_h300_bestv2", "original", $bg); $id = $vid['id']; $type=$vid['tipo']; $gdrive = $vid['gdrive']; } if($vid['tipo'] == 1){ $video = mysql_query("SELECT * FROM `ep_flix` WHERE epId='$epid'") or die(mysql_error()); $ep = mysql_fetch_array($video) or die(mysql_error()); $titulo = $vid['titulo'].' : '.$ep['titulo']; $bg = str_replace("w227_and_h127_bestv2", "original", $ep['img']); $bg = str_replace("w533_and_h300_bestv2", "original", $ep['img']); $bg = $bg; $dub = $vid['leg_dub']; $service = $vid['service']; $link = $ep['link']; $gdrive = $ep['gdrive']; $id = $vid['id']; $type=$vid['tipo']; $epid = $epid; //PROXIMO EP// $epAt = $ep['ep']; $tempAt = $ep['temp']; $nextEp = $epAt + 1; $p = mysql_query("SELECT * FROM `ep_flix` WHERE id='$id' && temp='$tempAt' && ep='$nextEp'"); $c1 = mysql_num_rows($p); if($c1 > 0){ $epATT = mysql_fetch_assoc($p); $proxEp = "play.php?id=".$id."&idm=".$idMembro."&retry=0&epid=".$epATT['epId']."&quality=".$quality; }elseif($c == 0){ $tempNext = $tempAt + 1; $pp = mysql_query("SELECT * FROM `ep_flix` WHERE id='$id' && temp='$tempNext' && ep='1'"); $cc = mysql_num_rows($pp); if($cc > 0){ $epATT = mysql_fetch_assoc($pp); $proxEp = "play.php?id=".$id."&idm=".$idMembro."&retry=0&epid=".$epATT['epId']."&quality=".$quality; } } //PROXIMO EP// $linkTest = $ep['link']; } $user = mysql_query("SELECT * FROM `perfil_flix` WHERE idMC ='$idMembro'"); $u = mysql_fetch_array($user); $nome = $u['nome']; $color = $u['color']; $icon = $u['icon']; if($gdrive == '1'){ $url = $link; $gid = get_drive_id($url); $iframeid = my_simple_crypt($gid); $linkdown = Drive($url); $fileG = $iframeid; $link = $linkdown; } ?> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous"> <link rel="stylesheet" type="text/css" href="css/video-play.css"> <div class="chat hid"> <div class="view"> </div> <div class="text-chat"> <input type="text" id="chat-value" class="chat-value" name="chat-value" placeholder="..."> <button class="mic" id='mic'><i class="fas fa-microphone"></i></button> </div> </div> <div class="media"></div> <?php if($gdrive != 2){ if($link != "No Permit"){ ?> <script type="text/javascript"> var vidLink = "<?=$link?>"; var titlevid = "<?=$titulo?>"; var poster = "<?=$bg?>"; var nextEpp = "<?=$proxEp?>"; </script> <script src="flipclock/flipclock.js"></script> <script src="js/play.js"></script> <script type="text/javascript"> var retryLoad = setInterval(function(){ var statusvid = vid.readyState; if(statusvid == '4'){ var dura = vid.duration; var time = '<?=$retry?>'/100*dura; vid.currentTime = time; clearInterval(retryLoad); } },50); setInterval(function(){ $.ajax({ type: "POST", url: "../player/function/savep.php", data: { 'idf' : "<?=$_GET['id']?>", 'temp': progress, 'idm' : '<?=$idM?>' }, dataType: 'json', success: function (data) { } }); },10000); </script> <?php }else{ ?> <script type="text/javascript"> $('.media').html("<center style='color:white;'>Para ter acesso ao Recurso HD é necessario ser membro vip.</center>"); </script> <? } ?> <script type="text/javascript"> function nextEp(){ $('.nextEp').click(function(){ location.href="<?=$proxEp?>"; }); } setInterval(function(){ $('.chat .view').load("chat-view.php?id=<?=$id?>"); },500); $('.chat-value').on('keyup',function(e){ var code = (e.keyCode ? e.keyCode : e.which); if (code==13) { var msg = $(this).val(); var user= "<?=$nome?>"; var cor = "<?=$color?>"; var icon= "<?=$icon?>"; var id_vid= "<?=$id?>"; $.ajax({ type: "POST", url: "cadXat.php", data: { 'id_vid':id_vid, 'msg' : msg, 'user': user, 'cor' : cor, 'icon':icon }, }); $(this).val(""); } }); $('.smstext').click(function(){ var hidC = $('.chat').hasClass("hid"); if(hidC == true){ $('.chat').removeClass("hid"); }else if(hidC == false){ $('.chat').addClass("hid"); } }); function toggleMute(element) { element.muted = false; element.play() } window.addEventListener('load', function () { setTimeout(function () { toggleMute(document.querySelector('video')); }, 1000); }); </script> <style type="text/css"> .chat{ height: calc(98vh - 12%); } @media screen and (max-width: 800px){ .chat{ height: calc(98vh - 22%); } } @media screen and (max-width: 500px){ .chat{ width: 60%; } } @media screen and (max-width: 350px){ .chat{ width: 70%; } } </style> <?php }else{ ?> <script type="text/javascript"> $('.media').html('<iframe src="<?=$link?>"></iframe>'); </script> <style type="text/css"> .media iframe{ width: 100%; float: left; height: 100vh; border:transparent; } </style> <? } ?> Codigo arquivo js $('.media').append('<div class="play-video"></div>'); $('.play-video').append('<div class="loading"></div>'); $('.play-video').append('<div class="header"></div>'); $('.header').append('<div class="info"><div>'); $('.info').append('<div class="line-time"><div>'); $('.line-time').append('<input type="range" class="line-control" min="0" max="100" value="0" onmousedown="line()" onclick="line()" onchange="line()">'); $('.line-time').append('<div class="line-curren"></div>'); $('.line-time').append('<div class="line"></div>'); $('.line-time').append('<div class="line-time-slide"></div>'); $('.info').append('<div class="time">0:00:00</div>'); $('.info').append('<div class="controls-vid"></div>'); $('.controls-vid').append('<button class="play_pause"><i class="material-icons">play_arrow</i></button>'); $('.controls-vid').append('<button class="vol-slide"><i class="material-icons">volume_up</i></button>'); $('.controls-vid').append('<button class="expand"><i class="material-icons">fullscreen</i></button>'); $('.controls-vid').append('<span class="title-vid">'+titlevid+'</span>'); $('.info').append('<div class="volup hid"><vid>'); $('.volup').append('<input type="range" onkeyup="vol()" onmousedown="vol()" onclick="vol()" onchange="vol()" min="0" max="100" value="70" class="volups">'); $('.volup').append('<div class="seta-baixo"></div>'); $('.play-video').append('<div class="encript"></div>'); $('.play-video').append('<div class="video-play"></div>'); $('.header').append('<button class="playing-vid"><i class="material-icons">play_arrow</i></button>'); $('.video-play').append('<video id="vid-nf" poster="'+poster+'"></video>'); $('#vid-nf').append('<source src="'+vidLink+'" type="video/mp4">'); var vid = document.getElementById("vid-nf"); function line(){ var val = $('.line-control').val(); var durational = vid.duration; var por = val / 100 * durational; vid.currentTime=por; } $('.play_pause').click(function(){ var play = $('.play_pause i').html(); if(play == "play_arrow"){ $('.play_pause i').html('pause'); $('.playing-vid i').html('pause'); vid.play(); }if(play == "pause"){ $('.play_pause i').html('play_arrow'); $('.playing-vid i').html('play_arrow'); vid.pause(); } }); $('.playing-vid').click(function(){ var play = $('.play_pause i').html(); if(play == "play_arrow"){ $('.play_pause i').html('pause'); $('.playing-vid i').html('pause'); vid.play(); }if(play == "pause"){ $('.play_pause i').html('play_arrow'); $('.playing-vid i').html('play_arrow'); vid.pause(); } }); setInterval(function(){ var statusvid = vid.readyState; if(statusvid == '0'){ $('.loading').css('display','block'); }else if(statusvid == '1'){ $('.loading').css('display','none'); }else if(statusvid == '2'){ $('.loading').css('display','block'); }else if(statusvid == '3'){ $('.loading').css('display','none'); }else if(statusvid == '4'){ $('.loading').css('display','none'); } },50); $('.expand').click(function(){ var expand = $('.expand i').html(); if(expand == 'fullscreen'){ $('.expand i').html('fullscreen_exit'); var el = document.documentElement , rfs = // for newer Webkit and Firefox el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen ; if(typeof rfs!="undefined" && rfs){ rfs.call(el); } else if(typeof window.ActiveXObject!="undefined"){ // for Internet Explorer var wscript = new ActiveXObject("WScript.Shell"); if (wscript!=null) { wscript.SendKeys("{F11}"); } } }else{ $('.expand i').html('fullscreen'); if (document.cancelFullScreen) { document.cancelFullScreen(); } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen(); } else if (document.webkitCancelFullScreen) { document.webkitCancelFullScreen(); } } }); $( document ).ready(function() { var regiao = document; var timeout = setTimeout(showTela, 4000); $(regiao).mousemove(onEvent); $(regiao).mousedown(onEvent); $(regiao).keydown(onEvent); function onEvent() { clearTimeout(timeout); $('body').css('cursor','auto'); $('.header').css('opacity','1'); timeout = setTimeout(showTela, 4000); } function showTela() { $('body').css('cursor','none'); $('.header').css('opacity','0'); } }); $('.vol-slide').click(function(){ var hid = $('.volup').hasClass('hid'); if(hid == true){ $('.volup').removeClass('hid'); $('.line-time').addClass('hid'); $('.time').addClass('hid'); }else if(hid == false){ $('.volup').addClass('hid'); $('.line-time').removeClass('hid'); $('.time').removeClass('hid'); } }); function vol(){ var volu = $('.volups').val(); var vol = volu / 100; if(volu < 50){ $('.vol-slide i').html('volume_down'); } else if(volu > 50){ $('.vol-slide i').html('volume_up'); } if(volu == 0){ $('.vol-slide i').html('volume_off'); } vid.volume = vol; }; var progress = ''; var per = ''; var clo = '60'; var clou = ''; setInterval(function(){ var current = vid.currentTime; var duration= vid.duration; per = duration - current ; var percorid = current * 100; progress = percorid / duration; $('.line').css('margin-left', 'calc('+progress+'% - 8.5px)'); $('.line-curren').css('width',progress+'%'); var dur = String(duration); var perc = String(per); if(dur != 'NaN'){ var date = new Date(null); date.setSeconds(perc); // specify value for SECONDS here var result = date.toISOString().substr(12, 7); $('.time').html(result); if(per < '30' && nextEpp != ''){ if(clou == ''){ clou = '1'; $('.header').append('<button class="nextEp"><i class="material-icons">play_arrow</i><p>Próximo Episódio em</p><span class="restTime"></span></button>'); $('.info').addClass('hid'); $('.playing-vid').addClass('hid'); nextEp(); } } } },50); var mytimer = setInterval(function(){ if(per < '30' && nextEpp != ''){ $('.restTime').html(clo); if(clo > 0){ clo --; }else if(clo == 0){ location.href=nextEpp; clearInterval(mytimer); } } },1000); $('.settings').click(function(){ var check = $('.settings').hasClass('active-s'); if(check == true){ $('.settings').removeClass('active-s'); $('.line-time').fadeIn('slow').css('display','block'); $('.time').fadeIn('slow').css('display','block'); $('.quality').fadeOut('slow').css('display','none'); }else if(check == false){ $('.settings').addClass('active-s'); $('.line-time').fadeOut('slow').css('display','none'); $('.time').fadeOut('slow').css('display','none'); $('.quality').fadeIn('slow').css('display','block'); } });
  19. WagnerFilho

    Module Pattern Javascript

    Não sei se estou aplicando o conceito de javascript modular corretamente, portanto preciso de ajuda! Eu separei os arquivos js por responsabilidades. Cada arquivo será encarregado para uma determinada função. Estou carregando estes arquivos da seguinte forma: <html> <head> </head> <body> <div id="app-info"> <span id="app-name">name</span> </div> <script src="controllers/controllerExample.js"></script> <script src="resources/ajaxApp.js"></script> <script src="models/modelExample.js"></script> <script src="app.js"></script> </body> </html> observação: Eu não quero ir para o requiresJS. sem que antes eu tenha entendido como realmente funciona o modular pattern Além disso, eu quero que o retorno do ajax seja atribuído à um objeto global, podemos chama-lo de ObjectApplication para que em qualquer lugar da aplicação eu possa acessa-lo ? Como posso fazer isto ? Então tenho alguns arquivos js. app.js controllers / controllerExample.js models / modelExample.js resources / ajaxApp.js app.js let ObjectApplication = {}; ;(function( window, document, undefined ) { 'use strict'; function app() { var $private = {}; var $public = {}; $private.privateVar = 'private var'; $public.publicMethod = function() { return 'Init'; }; $private.privateMethod = function() { return 'Private method'; }; return $public; } window.MyGlobalObject = window.MyGlobalObject || {}; window.MyGlobalObject.app = app(); })( window, document ); MyGlobalObject.controllerExample.publicMethod(); console.log(objectApplication.name); controllerExample.js ;(function( window, document, undefined ) { 'use strict'; function controllerExample() { var $private = {}; var $public = {}; $private.privateVar = 'private var'; $public.publicMethod = function() { return MyGlobalObject.modelExample.publicMethod(); //return 'Init'; }; $private.privateMethod = function() { return 'Private method'; }; return $public; } window.MyGlobalObject = window.MyGlobalObject || {}; window.MyGlobalObject.controllerExample = controllerExample(); })( window, document ); modelExample.js ;(function( window, document, undefined ) { 'use strict'; function modelExample() { var $private = {}; var $public = {}; $private.privateVar = 'private var'; $public.publicMethod = function() { buildAppInfo(); //return 'Init in Model'; }; $private.privateMethod = function() { return 'Private method'; }; return $public; } window.MyGlobalObject = window.MyGlobalObject || {}; window.MyGlobalObject.modelExample = modelExample(); })( window, document ); ajax let buildAppInfo = () => { let url = 'app.json'; let xhr = new XMLHttpRequest(); xhr.open('GET', url, true); xhr.onreadystatechange = function() { if (xhr.readyState == 4) { if (xhr.status = 200) app = JSON.parse(xhr.responseText); console.log(app); } } xhr.send(); };
  20. As 7 linguagens de programação que você deve aprender em 2020
  21. Rodrigo Biaggio

    Percorrer Array

    Senhores, conseguem me ajudar a evoluir na questão abaixo?? Tenho esse código simples, aonde chamo uma API e percorro um array e pego apenas um campo e faço a soma. Só que preciso retornar além do campo "consumedHostUnits" e o campo "name", conforme print. Alguém poderia me dar uma luz, como fazer isso? O resultado seria mostrando Name: APIGateway | ConsumedHostsUnits: 2 Segue o HTML: <!DOCTYPE html> <html lang="pt-br"> <title>API Management</title> <head> <meta charset="8"> </head> <body> <script> var urlapi = ''; function fazerRequisicao(){ var url = urlapi + document.getElementById('hostgroup').value; //var url = urlapi; var xhttp = new XMLHttpRequest(); xhttp.open("GET", url, false); xhttp.send(); var arrayElements = xhttp.responseText.split(','); var i; var sumComsumed = 0.0; for (i = 0; i < arrayElements.length; i++) { if(arrayElements[i].includes("consumedHostUnits")) { sumComsumed = sumComsumed + +arrayElements[i].split(":")[1]; } } document.getElementById("div-responsetext").innerHTML = sumComsumed; } </script> <button onclick="fazerRequisicao();">Pesquisar</button> <input type="text" id="hostgroup" style="width: 100px;"> <hr/> <div id="div-responsetext"></div> </body> </html> Obrigado.
  22. Salve galera, estou quebrando a cabeça aqui, já pesquisei mas não achei nada sobre. Eu tenho alguns dados que busco no banco de dados e mostro em um datagrid, além do CRUD que implantei eu preciso ter a opção de mudar as posições no banco. Preciso fazer isso pois elas são informações que vão para um telão. e ele segue uma ordem na mostragem dos dados. Teria alguma forma de arrastar a linha do grid e assim ele mudar o ID do mesmo conforme a posição que ficaria e assim os outros também seriam atualizados? Como exemplo segue uma imagem de como ele funciona. por exemplo eu movimento o ID 1 na posição abaixo do ID 3, assim o ID 2 e 3 se tornariam 1 e 2 com essa movimentação e o que era 1 se torna 3. Agradeço qualquer ajuda que puder.
  23. juliosertori

    Ação Onkeyup com atraso de 1 ação!

    Olá boa noite, tudo bem galera? Tenho um input: <input type="text" value="0" name="qtdProds" id="qtdProds" class="form-control" onkeyup="atualizaTotalPrecos(this);" required /> E quando ele está ONBLUR, funciona o seguinte script: function atualizaTotalPrecos(sel){ var nameInput = sel.name; var IdNameProds = parseInt(nameInput.match(/\d/g).join('')); var valor = $('input[name="produtos_pdv['+IdNameProds+'][qtdProds]"]').val(); var custo = $('input[name="produtos_pdv['+IdNameProds+'][custoProds]"]').val(); var totalCusto = valor*custo; $("[name='produtos_pdv["+IdNameProds+"][custoTotalProds]']").val(totalCusto); //$("[name='totalPedidoDesconto']").val(totalCusto); var descontoPedido = $("#descontoPedido").maskMoney('unmasked')[0]; var total = 0; $('.somaTotal').each(function(){ var valor = Number($(this).val()); if (!isNaN(valor)) total += valor; }); var totalDescontado = total - descontoPedido; //alert(totalDescontado); $(".SomaTotalPrecos").maskMoney('mask', total); $(".totalpedidos").maskMoney('mask', totalDescontado); //////////////// var totalCusto = 0; $('.somaCustoTotal').each(function(){ var valor = Number($(this).val()); if (!isNaN(valor)) totalCusto += valor; }); $(".SomaTotalCustos").maskMoney('mask', totalCusto); }; Onde atualizo o campo .SomaTotalPrecos, funciona perfeitamente. Mas quando troco para Onkeyup, e inserir 1 por exemplo, primeiro ele preenche o campo com 0, e da segunda vez, ele atualiza para a primeira vez, ou seja, 1. Ex: coloco o valor de R$ 10,00 e na quantidade coloco 1, ele preenche o campo com 0, depois se insiro 2, ai ele preenche o campo com a quantidade anterior, ou seja 1xR$ 10,00
  24. Tenho um código que aparentemente estaria certo porém ele "trava" e não mostra os resultados. Creio que o problema está na parte de "buscar" o json apenas. Segue o código: <style>.carregando{color:#666;display:none;}</style> <div class="col-md-7"> <label for="empreendimento">Escolha o empreendimento</label> <select name="empreendimento" class="form-control" required="" id="empreendimento"> <option value="">-- Escolha um empreendimento --</option> <?php $sqlVs = "SELECT `id`,`nm` FROM `empreend` WHERE `dis`='1' ORDER BY `nm` ASC"; $queryVs = mysqli_query($link, $sqlVs); $total = mysqli_num_rows($queryVs); if ($total > 0){ while($r = mysqli_fetch_array($queryVs)){ $id = $r['id']; $nm = $r['nm']; echo '<option value="'.$id.'">'.$nm.'</option>'; } } else { echo '<option value="0">Não há empreendimentos disponíveis</option>'; } ?> </select> </div> <div class="col-md-5"> <label for="unidades">Unidade</label> <span class="carregando">Aguarde, carregando...</span> <select name="unidades" id="unidades" class="form-control" required=""> <option value="">-- Escolha uma unidade --</option> </select> </div> <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> google.load('jquery', '1.3'); </script> <script type="text/javascript"> $(function(){ $('#empreendimento').change(function(){ if( $(this).val() ) { $('#unidades').hide(); $('.carregando').show(); $.getJSON('ajax/busca_emp.php?search=',{empreendimento: $(this).val(), ajax: 'true'}, function(j){ var options = '<option value=""></option>'; for (var i = 0; i < j.length; i++) { options += '<option value="' + j[i].id + '">' + j[i].nm + '</option>'; } $('#unidades').html(options).show(); $('.carregando').hide(); }); } else { $('#unidades').html('<option value="">– Escolha um empreendimento –</option>'); } }); }); </script> if(!empty($_GET["search"])) { $empreendimento = trim($_GET["search"]); $empreendimento = mysqli_real_escape_string($link, $empreendimento); $unidades = array(); $sqlVs = "SELECT `id`,`nm` FROM `empreendimento` WHERE `id`='$empreendimento' ORDER BY `nm` ASC"; $queryVs = mysqli_query($link, $sqlVs); $total = mysqli_num_rows($queryVs); if ($total > 0){ while($r = mysqli_fetch_array($queryVs)){ $unidades[] = array( 'id' => $r['id'], 'nm' => $r['nm'], ); } } echo( json_encode( $unidades ) ); } else { echo 'vazio'; } Ele trava e fica apenas mostrando: Aguarde, carregando... Olhei o json e ele está recuperando: [{"id":"1","nm":"Condominio"}]
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.