Your browser does not seem to support JavaScript. As a result, your viewing experience will be diminished, and you may not be able to execute some actions.

Please download a browser that supports JavaScript, or enable it if it's disabled (i.e. NoScript).

Challenge tooltip in bootstrap

emmalee

Tell me why it doesn't work tooltip.

<input id="name-send" name="name"  class="input-people" placeholder="ВАШЕ ИМЯ" data-toggle="tooltip" data-placement="left" title="• поле Имя обязательно для заполнения• длина имени должна составлять не менее двух символов • поле должно содержать только русские или латинские буквы"><br>
if($("#name-send").hasClass('error'))

{

$('#name-send').css('border','1.5px solid red').tooltip('show');

}else{

$('#name-send').css('border','1.5px solid green');

}

T
terrea last edited by

Depends also on the version of the boutstrap, for example, in 4 we need a tether.js file. See if there's any
Reply Quote 0
1 Reply Last reply

2
Posts

0
Views

Suggested Topics

A

Maintenance of JQUERY data in xls
Software Programming • html jquery excel xls • • Amritpal

2

0
Votes

2
Posts

0
Views

T

It's been discussed, looking for solutions. https://ru.stackoverflow.com/questions/435444/ Because expansion must be .xlsx (XML is the format you use) not .xls (binary format, which has long become obsolete).One line:var uri = 'data:application/vnd.ms-excel;base64,',On: var uri = 'data:application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;base64,',By the way, a complete list of types for different office files: https://stackoverflow.com/questions/4212861/
Z

Print only the first and last date
Software Programming • javascript jquery • • zymir

2

0
Votes

2
Posts

0
Views

J

Can do this way below, but in this case do not need the loop for:var per = ['23/12/1936 a 27/12/1937', '27/12/1937 a 20/12/1940', '20/12/1940 a 22/12/1941', '22/12/1941 a 12/12/1944']; function printarPeriodo() { var html = '<br />'; // conta o tamanho da array var per_len = per.length; // pega a primeira data do índice [0] da array var data1 = per[0].split(" ").shift(); // pega a segunda data do último índice da array var data2 = per[per_len-1].split(" ").pop(); // monta a string var datas = data1+" a "+data2; html += '<i class="fas fa-circle fa-xs"></i>  ' + datas + '<br />'; html += ''; per = []; return html; } document.write(printarPeriodo());<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
M

There's a horizontal cover in bootstrap.
Software Programming • html cs bootstrap • • magpie

2

0
Votes

2
Posts

0
Views

A

The thing is, you have a block. .row is outside of any container block. Use it. .container-fluid for a unit with a fixed width or .container For a fixed unit.The feature of the Bootstrap is that the blocks have .row There's a negative. margin On the left and on the right, which gives rise to a horizontal plug if the block .row Outside the block paddingwhich compensates this retreat./* SECTION 1 */ .reasons h2 { color: white; font-weight: 700; font-size: 36px; text-align: center; margin-bottom: 30px; } .reasons .col-2 { background: #fff; height: 300px; margin-bottom: 30px; }<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/> <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"/> <section class="content reasons container-fluid"> <h2>Пять веских причин вступить в наш клуб</h2> <div class="row"> <div class="col-2 offset-3"> <p>Test 1</p> </div> <div class="col-2 offset-2"> <p>Test 2</p> </div> <div class="w-100"></div> <div class="col-2 offset-2"> <p>Test 3</p> </div> <div class="col-2 offset-1"> <p>Test 4</p> </div> <div class="col-2 offset-1"> <p>Test 5</p> </div> </div> </section>
E

The challenge of smelting
Software Programming • pascal • • elysha

2

0
Votes

2
Posts

0
Views

K

Is that how it works?int h,a,b,shag,h0; cin>>h>>a>>b; h0=h-a; shag=a-b; cout<<1+h0/shag+(h0%shag+shag-1)/shag;
K

How do you make a menu for bootsrtap?
Software Programming • javascript html jquery cs bootstrap • • kalyn

2

0
Votes

2
Posts

0
Views

C

In my view, you've got a lot of things going on there. Too... You can make things easier. div.row>div>a- No more. I think it's easier to rewrite than to fix the code.In fact, I'm proposing my option, which I think does what you need. Since all the elements of the menu are basically the same, I've only made the first two New Ad and New Folder. The rest of us, I think you'll be able to organize your own image.#head { text-align: center; } a.topLink { display: inline-block; font-size: 14px; font-family: "Open Sans"; color: rgb(95, 95, 95); padding-left: 2%; padding-right: 2%; line-height: 75px; width: 100%; } #head>div:not(#logo):before { background-color: rgb(95, 95, 95); content: ' '; display: block; width: 2px; height: 22px; position: absolute; top: 35%; margin-left: -1px; } #head a:hover:not(.logo_img) { background-color: rgb(104, 144, 231); color: white; } #head a:hover, #head a:hover .glyphicon { color: white; } .header-box { background-color: rgb(255, 255, 255); box-shadow: 0px 0px 4px 0px rgba(18, 37, 74, 0.3); height: 75px; } .logo_img { background-image: url("http://papeo.braintips.ru/images/logo-head2.png"); background-repeat: no-repeat; margin-top: 15px; width: 128px; height: 33px; z-index: 131; }<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" /> <div class="header-box"> <div id="head" class="row"> <div id="logo" class="col-xs-3"> <a class="navbar-brand logo_img" href="/"></a> </div> <div class="col-xs-3"> <a class="topLink" href="#new_ads"> <div class="glyphicon glyphicon-plus"></div>New Ad</a> </div> <div class="col-xs-3"> <a class="topLink" href="#new_folder"> <div class="glyphicon glyphicon-plus"></div>New Folder</a> </div> </div> </div>Some comments that are important for understanding this decision.To make small vertical lines, you don't have to do separate lines. divOh. I suggest we use the pseudo. :before (or :after - as convenient.Call attention to CSS. #head>div:not(#logo):before♪Before every child element #head (grunts) #logo) Added A unit with a grey background of a width of 2px height of 22px absolute Positioning and retreat at 35 per cent. This is an opportunity. create a small vertical line and position it precisely about the block.You can play with indicators to do As you wish.by a I don't know. display: inline-block; width: 100% You can avoid this terrible design: <div class="wellhead" onclick="location.href='#new_ads'"><a href="#new_ads">Add line-height: 75px You can get rid of it. margin-top: 23px; - The browser will put the text vertically in the center about your menu height.You've got a lion made. background-image For some reason. I don't think it's necessary... okay. But if you've done it with the background, don't forget to do it. background-repeat: no-repeat;I had to replace all of you. col-XX-X class. You can use your own.In summary, I think that if you take the approach I have proposed, you can rectify your menu to a more subtle and understandable Brazilian version. ♪ ♪
K

Div does not fit the screen
Software Programming • jquery css • • kalyn

2

0
Votes

2
Posts

0
Views

Your problem is that vc is using a line-height in the Mobile version that is very large. in your @media makes a rule to remove this line-height. See below in the image to see how I fix the bug.OBS: See in the Chrome DevTools panel that I remove from .aos-item__inner the line-height: 260px;
S

Assistance in meeting the challenge
Software Programming • c sharp net • • simrah

2

0
Votes

2
Posts

0
Views

If you need to find every number in the text (and only a whole number in the text), take the first number and count those numbers with the statistician, that's the best example.int[] GetFirstDigitStats(string input) { var ret = new int[10]; int ind = 0; while(ind < input.Length) { while(ind < input.Length && !char.IsDigit(input[ind])) ind++; if (ind < input.Length) ret[input[ind] - '0']++; while(ind < input.Length && char.IsDigit(input[ind])) ind++; } return ret; } VerificationConsole.WriteLine(string.Join(",", GetFirstDigitStats("building one 122 builing two 444 building three 111"))); Outcome0,2,0,0,1,0,0,0,0,0 If you need statistics on all the numbers, that's a simple example.int[] GetDigitStats(string input) { var ret = new int[10]; for(int i=0; i<input.Length; i++) if (char.IsDigit(input[i])) ret[input[i] - '0']++; return ret; } VerificationConsole.WriteLine(string.Join(",", GetDigitStats("building one 122 builing two 444 building three 111"))); Outcome0,4,2,0,3,0,0,0,0,0
Bootstrap
Software Programming • html jquery cs bootstrap • • Mystic

2

0
Votes

2
Posts

0
Views

D

What's the problem?Somewhere in the root, post the pages downloaded:$(function() { setTimeout(function() { $('#overlay').modal('show'); }, 5000); });
ToolTip on pyqtgraph
Software Programming • python pyqt5 gui tooltip pyqtgraph • • Mystic

2

0
Votes

2
Posts

0
Views

D

As an option, try.import sys import numpy as np import pyqtgraph as pg from pyqtgraph.Qt import QtCore, QtGui app = pg.mkQApp() pg.setConfigOptions(antialias=True) class Graph(pg.GraphItem): def init(self, pw): self.pw = pw self.dragPoint = None self.dragOffset = None pg.GraphItem.init(self) def setData(self, **kwds): self.data = kwds if 'pos' in self.data: npts = self.data['pos'].shape[0] self.data['adj'] = np.column_stack( (np.arange(0, npts-1), np.arange(1, npts)) ) self.data['data'] = np.empty(npts, dtype=[('index', int)]) self.data['data']['index'] = np.arange(npts) self.updateGraph() def updateGraph(self): pg.GraphItem.setData(self, **self.data) def mouseDragEvent(self, ev): if ev.button() != QtCore.Qt.LeftButton: ev.ignore() return if ev.isStart(): pos = ev.buttonDownPos() pts = self.scatter.pointsAt(pos) if len(pts) == 0: ev.ignore() return self.dragPoint = pts[0] ind = pts[0].data()[0] self.dragOffset = self.data['pos'][ind][1] - pos[1] elif ev.isFinish(): self.dragPoint = None return else: if self.dragPoint is None: ev.ignore() return ind = self.dragPoint.data()[0] self.data['pos'][ind][1] = ev.pos()[1] + self.dragOffset self.data['pos'][ind][0] = ev.pos()[0] + self.dragOffset self.updateGraph() print(ev.pos(), self.dragPoint.data()[0]) ev.accept() !!! def hoverEvent(self, ev): try: items = self.pw.scene().items(ev.scenePos()) except AttributeError as e: return for item in items: if isinstance(item, pg.GraphItem): if item.scatter.pointsAt(ev.pos()): pw.setToolTip(f'<b>x={ev.pos().x():.1f}, y={ev.pos().y():.1f}</b>') else: pw.setToolTip('') pw = pg.PlotWidget(title="PlotItem") g = Graph(pw) # +++ pw pw.addItem(g) pw.showGrid(x=True, y=True) pw.show() v <---- попробуйте изменить значение x = np.linspace(1, 10, 5) pos = np.column_stack((x, np.sin(x))) g.setData(pos=pos, size=10, pxMode=True) if name == 'main': import sys if (sys.flags.interactive != 1) or not hasattr(QtCore, 'PYQT_VERSION'): QtGui.QApplication.instance().exec_()
J

How to change table row color based on cell value?
Software Programming • javascript html jquery css • • Jolied

2

0
Votes

2
Posts

0
Views

B

Configuration:In line var texto = $("#idDaTabela tr:nth-child(1) td:nth-child(6)").text(); Notice we have tr:nth-child(1) which refers to the first line of the table and td:nth-child(6) the sixth column of that line.If there is change in the table, hit these parameters.$(function() { var texto = $("#idDaTabela tr:nth-child(1) td:nth-child(6)").text(); var result = (texto); if (result=="Completed"){ $("#idTr").css("background","#FF0000"); }else if(result=="Delayed"){ $("#idTr").css("background","#00FF00"); }else if(result=="In Process"){ $("#idTr").css("background","#0000FF"); }else if(result=="New"){ $("#idTr").css("background","#00FFFF"); }else{ $("#idTr").css("background","#ccc"); } })<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <table id="idDaTabela" border="0"> <tr id="idTr"> <td id="IDbatchID">010203</td> <td id="IDproduct">Leite</td> <td id="IDbatchSize">30000</td> <td id="IDpriority">1</td> <td id="IDstartReq">03-31-2017 08:00:00</td> <td id="IDstatus">Completed</td> </tr> </table>Changing the Celula content for In Process$(function() { var texto = $("#idDaTabela tr:nth-child(1) td:nth-child(6)").text(); var result = (texto); if (result=="Completed"){ $("#idTr").css("background","#FF0000"); }else if(result=="Delayed"){ $("#idTr").css("background","#00FF00"); }else if(result=="In Process"){ $("#idTr").css("background","#0000FF"); }else if(result=="New"){ $("#idTr").css("background","#00FFFF"); }else{ $("#idTr").css("background","#ccc"); } })<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <table id="idDaTabela" border="0"> <tr id="idTr"> <td id="IDbatchID">010203</td> <td id="IDproduct">Leite</td> <td id="IDbatchSize">30000</td> <td id="IDpriority">1</td> <td id="IDstartReq">03-31-2017 08:00:00</td> <td id="IDstatus">In Process</td> </tr> </table>Example with two lines$(function() { var texto = $("#idDaTabela tr:nth-child(2) td:nth-child(6)").text(); var result = (texto); if (result=="Completed"){ $("#idTr2").css("background","#FF0000"); }else if(result=="Delayed"){ $("#idTr2").css("background","#00FF00"); }else if(result=="In Process"){ $("#idTr2").css("background","#0000FF"); }else if(result=="New"){ $("#idTr2").css("background","#00FFFF"); }else{ $("#idTr2").css("background","#ccc"); } })<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <table id="idDaTabela" border="0"> <tr id="idTr"> <td id="IDbatchID">010203</td> <td id="IDproduct">Leite</td> <td id="IDbatchSize">30000</td> <td id="IDpriority">1</td> <td id="IDstartReq">03-31-2017 08:00:00</td> <td id="IDstatus">Completed</td> </tr> <tr id="idTr2"> <td id="IDbatchID2">010203</td> <td id="IDproduct2">Leite</td> <td id="IDbatchSize2">30000</td> <td id="IDpriority2">1</td> <td id="IDstartReq2">03-31-2017 08:00:00</td> <td id="IDstatus2">Completed</td> </tr> </table>
B

How to count elements on the screen and when reaching a certain amount change position?
Software Programming • javascript jquery • • baileigh

2

0
Votes

2
Posts

0
Views

M

For what he explained of his goal it is better to do by css as the other answer has already shown. But for learning purposes, I show you how to do what you want with Javascript. The logic is to make a for on all elements of the class info, and each multiplo of 4 puts a different class.Example:const divsInfo = document.getElementsByClassName("info"); //obtem todos os infos for (let i = 0; i < divsInfo.length; ++i){ let posicao = i + 1; if (posicao % 4 === 0){ //se multiplo de 4 divsInfo[i].classList.add("esquerda"); //adiciona a classe esquerda } else { divsInfo[i].classList.add("direita"); //adiciona a classe direita } }.esquerda { text-align:left; } .direita { text-align:right; }<div class="poster"> <div class="info"> maça (lado direito) </div> <div class="info"> maça (lado direito) </div> <div class="info"> maça (lado direito) </div> <div class="info"> maça (ir pro lado esquerdo) </div> <div class="info"> maça (lado direito) </div> <div class="info"> maça (lado direito) </div> <div class="info"> maça (lado direito) </div> <div class="info"> maça (ir pro lado esquerdo) </div> </div>Making for the 3 right and 2 left each five:const divsInfo = document.getElementsByClassName("info"); let posicaoColuna = 1; for (let i = 0; i < divsInfo.length; ++i) { if (posicaoColuna <= 3) { // de 1 a 3 para a direita divsInfo[i].classList.add("direita"); } else { // de 4 a 5 para a esquerda divsInfo[i].classList.add("esquerda"); } posicaoColuna++; if (posicaoColuna > 5){ posicaoColuna = 1; } }.esquerda { text-align: left; } .direita { text-align: right; }<div class="poster"> <div class="info"> maça </div> <div class="info"> maça </div> <div class="info"> maça </div> <div class="info"> maça </div> <div class="info"> maça </div> <div class="info"> maça </div> <div class="info"> maça </div> <div class="info"> maça </div> <div class="info"> maça </div> <div class="info"> maça </div> </div>
Duda with bootstrap and its download
Software Programming • html bootstrap slider • • briley

2

0
Votes

2
Posts

0
Views

N

I think Glyphicon is not supported in version 4.1 of Bootstrap. Maybe the problem comes from there. I currently use these icons and are a pretty good alternative.<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous"> On this page you have a list with the icons: https://fontawesome.com/icons?d=gallery On the slider I wouldn't know to tell you...
J

event.preventDefault() conflicting in contact form
Software Programming • javascript jquery css phpmailer • • juvenalb

2

0
Votes

2
Posts

0
Views

A

When you use event.preventDefault(); the form does not send. That is, the ajax runs only by calling the url url: $(this).attr('action'), without data...What you should do is send the form data with ajax.And then you have to put the text Obrigado por entrar em contato! somewhere, because I don't see where form_status be added to the DOM.Example:var form = $('#main-contact-form'); form.submit(function (event) { event.preventDefault(); var form_status = $('<div class="form_status"></div>'); $(this).prepend(form_status); $.ajax({ url: $(this).attr('action'), data : $(this).serialize(), beforeSend: function () { form_status.html('<p>Enviando Email...</p>').fadeIn(); } }).done(function (data) { form_status.html('<p class="text-success">Obrigado por entrar em contato!</p>').delay(3000).fadeOut(); }); });
N

The challenge. JSoup
Software Programming • java jsoup • • nishika

2

0
Votes

2
Posts

0
Views

There is no link between the first request and the second. JSoup does not automatically recall sessions and cukes, store data from which the user has moved. And you need to add a user-agent to fully understand.This is an example from another site:import java.io.IOException; import java.security.NoSuchAlgorithmException; import java.util.Map; import org.jsoup.Connection; import org.jsoup.Connection.Method; import org.jsoup.Jsoup; import org.jsoup.nodes.Document; public class Rutracker { public static void main(String[] args) throws IOException, NoSuchAlgorithmException { String urlogin; String urpassword; String userAgent = "Mozilla/5.0 (Windows NT 6.2; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/32.0.1667.0 Safari/537.36"; Connection.Response res = Jsoup.connect("http://login.rutracker.org/forum/login.php").userAgent(userAgent) .data("login_username", urlogin, "login_password", urpassword, "login", "%E2%F5%EE%E4") .method(Method.POST).execute(); //Третий параметр отлавливал фидлером Map<String, String> loginCookies = res.cookies(); Document doc3 = Jsoup.connect("http://rutracker.org/forum/index.php").userAgent(userAgent).cookies(loginCookies).get(); System.out.println(doc3.getElementsByClass("logged-in-as-uname")); } }
Y

Get URL in JavaScript
Software Programming • javascript jquery ajax • • yajahira

2

0
Votes

2
Posts

0
Views

J

If he tells you that $ is not defined, you probably haven't added JQuery well. If you haven't downloaded it yet, you can get it from here: https://jquery.com/download/ Make sure you add it correctly. More info by aca: https://www.w3schools.com/jquery/jquery_get_started.asp

Challenge tooltip in bootstrap

Suggested Topics

Maintenance of JQUERY data in xls Software Programming • html jquery excel xls • • Amritpal

Print only the first and last date Software Programming • javascript jquery • • zymir

There's a horizontal cover in bootstrap. Software Programming • html cs bootstrap • • magpie

The challenge of smelting Software Programming • pascal • • elysha

How do you make a menu for bootsrtap? Software Programming • javascript html jquery cs bootstrap • • kalyn

Div does not fit the screen Software Programming • jquery css • • kalyn

Assistance in meeting the challenge Software Programming • c sharp net • • simrah

Bootstrap Software Programming • html jquery cs bootstrap • • Mystic

ToolTip on pyqtgraph Software Programming • python pyqt5 gui tooltip pyqtgraph • • Mystic

How to change table row color based on cell value? Software Programming • javascript html jquery css • • Jolied

How to count elements on the screen and when reaching a certain amount change position? Software Programming • javascript jquery • • baileigh

Duda with bootstrap and its download Software Programming • html bootstrap slider • • briley

event.preventDefault() conflicting in contact form Software Programming • javascript jquery css phpmailer • • juvenalb

The challenge. JSoup Software Programming • java jsoup • • nishika

Get URL in JavaScript Software Programming • javascript jquery ajax • • yajahira

Maintenance of JQUERY data in xls
Software Programming • html jquery excel xls • • Amritpal

Print only the first and last date
Software Programming • javascript jquery • • zymir

There's a horizontal cover in bootstrap.
Software Programming • html cs bootstrap • • magpie

The challenge of smelting
Software Programming • pascal • • elysha

How do you make a menu for bootsrtap?
Software Programming • javascript html jquery cs bootstrap • • kalyn

Div does not fit the screen
Software Programming • jquery css • • kalyn

Assistance in meeting the challenge
Software Programming • c sharp net • • simrah

Bootstrap
Software Programming • html jquery cs bootstrap • • Mystic

ToolTip on pyqtgraph
Software Programming • python pyqt5 gui tooltip pyqtgraph • • Mystic

How to change table row color based on cell value?
Software Programming • javascript html jquery css • • Jolied

How to count elements on the screen and when reaching a certain amount change position?
Software Programming • javascript jquery • • baileigh

Duda with bootstrap and its download
Software Programming • html bootstrap slider • • briley

event.preventDefault() conflicting in contact form
Software Programming • javascript jquery css phpmailer • • juvenalb

The challenge. JSoup
Software Programming • java jsoup • • nishika

Get URL in JavaScript
Software Programming • javascript jquery ajax • • yajahira