Re: Om Carvers Corner.se
Postat: 18 mars 2022, 08:27:55
Haha, ett enkelt width 100px i CSS löste det problemet.
Svenskt forum för elektroniksnack.
https://elektronikforumet.com/forum/
Addition sker från vänster till höger.SeniorLemuren skrev: ↑17 mars 2022, 15:58:17 Nya problem som gör mig yr i mössan. Jag har en rutin som skriver ut x och y coordinaterna när man flyttar texten på skylten. Den fungerar utmärkt, men jag vill ändra y-värdet så att det blir positivt och noll i skyltens övre hörn. Rutinen ser ut så här:Vad jag försöker göra är att lägga till myoffset (280) till y2 men utskriften blir i ställetKod: Markera allt
function move(e) { if (!e) e = window.event; if (dragok) { d.style.left = dx + e.clientX - x + "px"; d.style.top = dy + e.clientY - y + "px"; var y1 = dy + e.clientY - y; var myoffset = 280; var y2 = "Rad 1 y = " + y1 + myoffset; document.getElementById("ytext1").innerHTML = y2 + " px"; return false; } }
"Rad 1 y = -198280 px"
290 adderas inte utan skris ut efter -198. Där skulle det stå -18 om det funkade som jag vill. Har jag blivit tokig eller är det något viktigt i javascript jag missat? Jag har även testa med
var myoffset = parseInt("280"); med samma resultat.
Kod: Markera allt
function move(e) {
if (!e) e = window.event;
if (dragok) {
d.style.left = dx + e.clientX - x + "px";
d.style.top = dy + e.clientY - y + "px";
// här skriver jag ut coord. för rad 1
if .......id rad 1
document.getElementById("xtext1").innerHTML = 'Text 1 X =' + e.clientX + " px";
document.getElementById("ytext1").innerHTML = 'Text 1 Y =' + e.clientY + " px";
/*Här skriver jag ut coord. för rad 2. Men eftersom det inte finns någon if för rad
1 och 2 så skrivs coord. över så de blir ju alltid samma värde.
För att sätta if så behöver jag få tag på id för texrad 1 och textrad 2 */
if........id rad 2
document.getElementById("xtext2").innerHTML = 'Text 2 X =' + e.clientX + " px";
document.getElementById("ytext2").innerHTML = 'Text 2 Y =' + e.clientY + " px";
return false;
}
Kod: Markera allt
function down(e) {
if (!e) e = window.event;
var temp = (typeof e.target != "undefined") ? e.target : e.srcElement;
if (temp.tagName != "HTML" | "BODY" && temp.className != "dragclass") {
temp = (typeof temp.parentNode != "undefined") ? temp.parentNode : temp.parentElement;
}
if (temp.className == "dragclass") {
dragok = true;
temp.style.zIndex = n++;
d = temp;
dx = parseInt(temp.style.left + 50);
dy = parseInt(temp.style.top + 50);
x = e.clientX;
y = e.clientY;
document.onmousemove = move;
return false;
}
}
Kod: Markera allt
<div id="text1">
Textrad 1
</div>
<br>
<div id="text2">
Textrad 2
</div>
<br>
<div id="resultat">
</div>
<script>
function visa(e){
var objekt = e.target.id;
document.getElementById("resultat").innerHTML = "Du är nu ovanför: " + objekt;
}
document.onmouseover = visa;
</script>
Kod: Markera allt
function move(e) {
if (!e) e = window.event;
if (dragok) {
d.style.left = dx + e.clientX - x + "px";
d.style.top = dy + e.clientY - y + "px";
if (e.target.id == "textrad1") {
document.getElementById("xtext1").innerHTML = 'Text 1 X =' + e.clientX + " px";
document.getElementById("ytext1").innerHTML = 'Text 1 Y =' + e.clientY + " px";
}
if (e.target.id == "textrad2") {
document.getElementById("xtext2").innerHTML = 'Text 2 X =' + e.clientX + " px";
document.getElementById("ytext2").innerHTML = 'Text 2 Y =' + e.clientY + " px";
}
return false;
}
display: inline-block;
Kod: Markera allt
@font-face {
font-family: "banditos";
src: url("http://hahnes.se/carverscorner/fonter/banditos/Bandito Personal Use.ttf") format("truetype");
font-family: "roligast";
src: url("http://hahnes.se/carverscorner/fonter/roliga/roliga.ttf") format("truetype");
}
Kod: Markera allt
.myfont {
font-family: "roligast";
font-weight: normal;
font-style: normal;
}
Kod: Markera allt
.myfont1 {
font-family: "banditos";
font-weight: normal;
font-style: normal;
}
Kod: Markera allt
@font-face {
font-family: 'Roboto Mono';
src: local(''), url('http://hahnes.se/carverscorner/fonter/roboto-mono-v13-latin/roboto-mono-v13-latin-regular.woff') format('woff');
}
@font-face {
font-family: "eastwood";
src: local(''), url("http://hahnes.se/carverscorner/fonter/eastwood/eastwood.otf") format("opentype");
}
@font-face {
font-family: "roligast";
src: local(''), url("http://hahnes.se/carverscorner/fonter/roliga/roliga.otf") format("opentype");
}
@font-face {
font-family: "banditos";
src: local(''), url("http://hahnes.se/carverscorner/fonter/banditos/Bandito Personal Use.ttf") format("truetype");
}
"Markera enstaka ord och fraser som kod: [c]text[/c]"