PACK Overflow
count_row = df.shape[0] # Gives number of rows
count_col = df.shape[1] # Gives number of columns
Poor Partridge
count_row = df.shape[0] # Gives number of rows
count_col = df.shape[1] # Gives number of columnsIf you don't know this website, I'm truly sorry for you.Gives me the ability to do my job. <3SELECT
concat('<a target="_new" href=%%WWWROOT%%/course/view.php?id=',c.id,'">',c.fullname,'</a>') AS Course
,c.shortname,r.name
,(SELECT CONCAT(u.firstname,' ', u.lastname) AS Teacher
FROM prefix_role_assignments AS ra
JOIN prefix_context AS ctx ON ra.contextid = ctx.id
JOIN prefix_user AS u ON u.id = ra.userid
WHERE ra.roleid = 3 AND ctx.instanceid = c.id LIMIT 1) AS Teacher
,concat('<a target="_new" href="%%WWWROOT%%/mod/resource/view.php?id=',r.id,'">',r.name,'</a>') AS Resource
FROM prefix_resource AS r
JOIN prefix_course AS c ON r.course = c.id
WHERE r.reference LIKE 'https://stackoverflow.com/%'
yeah this is awesome . lol follow me on insta - kiritocode1<h2>Example 1</h2>
<h3>block-div-margin</h3>
<div class="container">
<div class="box">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas, nobis.</div>
<div class="block-div-margin"></div>
<div class="box">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque, delectus!</div>
<div class="block-div-margin"></div>
<div class="box">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur, quasi.</div>
<div class="block-div-margin"></div>
<div class="box">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro, id!</div>
</div>
<h3>inline-block-div-margin</h3>
<div class="container">
<div class="box">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas, nobis.</div>
<div class="inline-block-div-margin"></div>
<div class="box">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque, delectus!</div>
<div class="inline-block-div-margin"></div>
<div class="box">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur, quasi.</div>
<div class="inline-block-div-margin"></div>
<div class="box">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro, id!</div>
</div>
<h2>Example 2</h2>
<h3>This is more common issue that I see ever</h3>
<div class="my-div">
This is my-div content
</div>
<div class="my-other-div">
<div class="my-other-div-content">
This is my-other-div-content
</div>
</div>
<h3>With div inline-block</h3>
<div class="my-div">
This is my-div content
</div>
<div class="my-other-div my-div-inline-block">
<div class="my-other-div-content">
This is my-other-div-content
</div>
</div>
Run code snippetThe dev's bible<div index="0" aria-busy="false" aria-checked="false" aria-disabled="false" data-head="true" aria-label="09251561001.09251561001.1.31873860875, folder" aria-selected="false" class="option grid-row" role="option" id=":DOMLT_ELISYS:export:09251561001.09251561001.1.31873860875"><div class="name-data icon folder" id="id1027"><div class="progressbar" role="progressbar" aria-hidden="true" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"><div class="fill" role="presentation" style="width: 0%;"></div><div class="fill" role="presentation" style="width: 0%;"></div></div><a class="name-text" href="#"><span>09251561001.09251561001.1.31873860875</span></a></div><div id="cellId1028" class="date-data"></div><div id="cellId1029" class="size-data"></div></div>
class App extends React.Component {
constructor (props) {
super(props);
this.state = {
limits: {
min: 1,
max: 100,
},
value: 50,
};
}
componentDidMount() {
this.setPositionRunner();
this.input.value = this.cutValue(this.input.value);
}
getPositionCenterRunnerX () {
let positionEvent = this.event.pageX - this.rangeElem.offsetLeft;
let newPositionEvent = positionEvent < 0 ? 0 : positionEvent;
return positionEvent > this.rangeElem.offsetWidth ? this.rangeElem.offsetWidth : newPositionEvent;
}
getLeft () {
let halfRunner = this.runner.offsetWidth / 2;
let left = this.event.pageX - this.rangeElem.offsetLeft - halfRunner;
let max = this.rangeElem.offsetWidth - halfRunner;
let newLeft = left < -halfRunner ? -halfRunner : left;
return left > max ? max : newLeft;
}
getValue() {
return Math.round(this.getPositionCenterRunnerX() / this.rangeElem.offsetWidth * (this.state.limits.max - this.state.limits.min) + this.state.limits.min);
}
setPositionRunner () {
let halfRunner = this.runner.offsetWidth / 2;
let positionCenter = Math.round((this.cutValue(this.state.value) - this.state.limits.min) / (this.state.limits.max - this.state.limits.min) * this.rangeElem.offsetWidth);
let left = positionCenter - halfRunner;
this.runner.style.left = `${left}px`;
}
moveRunner (event) {
this.event = event;
this.runner.style.left = `${this.getLeft()}px`;
let value = this.getValue();
this.setState({value});
}
onClick (event) {
this.moveRunner(event);
document.onmousemove = (event) => {
this.moveRunner(event);
};
document.onmouseup = () => {document.onmousemove = null;}
}
cutValue(value) {
value = value > this.state.limits.max ? this.state.limits.max : value;
value = value < this.state.limits.min ? this.state.limits.min : value;
return value;
}
onChangeInput (event) {
let value = event.currentTarget.value.match(/\d*/g).join('');
this.setState({value});
clearTimeout(this.timeOut);
this.timeOut = setTimeout(() => {
value = this.cutValue(value);
this.setState({value});
this.setPositionRunner();
}, 1000);
}
render () {
return (
<div className="slider">
<div
ref={element => this.rangeElem = element}
onClick={event => {this.onClick (event)}}
className="slider__range"
>
<div className="slider__runner" ref={element => this.runner = element} />
</div>
<div className="slider__view">
<p className="slider__limit">от {this.state.limits.min}</p>
<input
ref={element => this.input = element}
onChange={this.onChangeInput.bind(this)}
type="text"
className="slider__value"
value={this.state.value}
/>
<p className="slider__limit">до {this.state.limits.max}</p>
</div>
</div>
);
}
}
ReactDOM.render(
<App/>,
document.getElementById('root')
);window.onload = function(){
//We use window.onload to check the window has loaded so we can target DOM elements
var namesArray = ["lars", "bo", "ib", "peter", "jan", "frederik"];
var list = namesArray.map(name=>"<li>"+name+"</li>");
var listAsStr ="<ul>" + list.join("") + "<ul>";
document.getElementById("list").innerHTML = listAsStr;
}